JavaScript中的函数
函数可以把具有相同或相似逻辑的代码包裹起来,通过函数调用执行这些被包裹的代码逻辑,这么做的优势是有利于精简代码方便复用。
function 函数名(参数列表) {
函数体
}
将参数的默认值设为0,避免输入用户穿实参返回NaN,这样使程序更加严谨,例:function name(x = 0, y = 0) {}
作用域
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。
作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。
全局作用域
作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件
处于全局作用域内的变量,称为全局变量
局部作用域
作用于函数内的代码环境,就是局部作用域。 因为跟函数有关系,所以也称为函数作用域。
处于局部作用域内的变量称为局部变量
如果函数内部,变量没有声明,直接赋值,也当全局变量看,但是强烈不推荐
但是有一种情况,函数内部的形参可以看做是局部变量。
局部变量
函数或for循环、while循环中定义的变量是局部变量,只能在当前作用域使用,不能在作用域外被调用。
在函数内部未经声明直接使用的变量被看作是全局变量。
function fn() {
a = 10 // 当作全局变量
let b = 20 //局部变量
}
fn()
console.log(a) // 10
console.log(b) // not defined
变量访问原则
- 只要是代码,就至少有一个作用域
- 写在函数内部的是局部作用域
- 如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域
- 访问原则:在能访问到的情况下先局部,局部没有再找全局,采用就近原则
匿名函数
没有名字的函数,无法直接使用。
使用方式:
- 函数表达式
- 立即执行函数
函数表达式
将匿名函数赋值给一个变量,并通过变量名进行调用,称为函数表达式。
语法:
let fn = function(){
// 函数体
}
fn()
函数表达式和具名函数的不同:具名函数的调用可以写在任何位置,函数表达式像变量一样,要先声明后才能使用。
立即执行函数
场景介绍:避免全局变量之间的污染。
语法:
// 方式一
(function (形参) { console.log(11) })(实参);
// 方式二
(function (形参) { console.log(11) }(实参));
注意:立即执行函数必须加分号。