03-06:你从来没试过的方式学习 JavaScript - 6

238 阅读2分钟

JS 函数

发自小白内心的提问:什么是 JS 函数?

我们先来探讨一下 JS 函数的核心单词:function ,翻译过来的意思是 函数,功能 的意思,有图有真相。

所以:JS 函数 其实就是代表着某一种的功能。只不过翻译过来的人叫做函数而已。早几十年编程语言刚进入国内的时候,如果你已经出生,并交给你翻译function 这个单词,你也可以把它叫做 功能

不过我们出生晚,人家老一辈以前怎么叫,那我们现在就怎么叫咯。

核心语法

那我们看看 JS 函数怎么用吧。

JS 函数分成两部分:定义函数 和 调用函数,我们先看看基本语法。

定义函数:写到函数内的代码默认不会执行,需要等待调用才会执行函数体内的代码。

var 变量名 = function(){
    // 函数内部叫函数体
}

调用函数:调用函数的时候会根据变量名查找到对应的函数,并执行函数体内的代码。

变量名();

注意:JS 括号运算过程,JS 读取到括号,如果括号前是个变量名,会把前面变量当做函数来调用,如果不是函数则会报错。

小练习

如果我们把之前写的输入密码弹窗的代码写到函数体内会发生什么事情呢。

参考代码:

// 定义函数
var denglu = function() {
    // 之前写的输入密码弹窗的代码
    var mima = prompt('请输入密码');
    if (mima === '123456') {
        alert('登录成功');
    } else {
        alert('密码错误');
    }
};

// 调用函数
denglu();
// 再调用函数,继续弹窗,你爱调用几次调用几次
denglu();

在学习函数之前,变量只能存放一些简单的数据,并不能存放多行代码。

如果变量要存放多行代码,并且希望随时随地调用,调用的时候能执行到多行代码,我们可以把需要重复执行的代码都写到 函数内部,通过调用函数即可实现函数内多行代码的执行。

所以说函数特别的厉害,JS 函数被称为 JS 的一等公民,后面复杂的 JS 项目编程都离不开函数的定义和调用,非常的重要。