网站建设中的图片及视频要求,如何设立微信公众号,下载网页制作设计编辑器软件,做网站要一、作用域 作用域#xff0c;即变量#xff08;变量作用域又称上下文#xff09;和函数生效#xff08;能被访问#xff09;的区域或集合 换句话说#xff0c;作用域决定了代码区块中变量和其他资源的可见性
举个粟子
function myFunction(){let name小爱同学
}
undef… 一、作用域 作用域即变量变量作用域又称上下文和函数生效能被访问的区域或集合 换句话说作用域决定了代码区块中变量和其他资源的可见性
举个粟子
function myFunction(){let name小爱同学
}
undefined
myFunction()
undefined
name
Uncaught ReferenceError: inVariable is not defined上述例子中函数myFunction内部创建一个name变量当我们在全局访问这个变量的时候系统会报错 这就说明我们在全局是无法获取到闭包除外函数内部的变量
我们一般将作用域分成
全局作用域函数作用域块级作用域
全局作用域
任何不在函数中或是大括号中声明的变量都是在全局作用域下全局作用域下声明的变量可以在程序的任意位置访问
var globalName hello world
undefined
function getName(){console.log(globalName)
}
undefined
getName()
undefined函数作用域 函数作用域也叫局部作用域如果一个变量是在函数内部声明的它就在一个函数作用域下面。这些变量只能在函数内部访问不能在函数以外去访问
function greet() {var greeting Hello World!;console.log(greeting);
}
// 打印 Hello World!
greet();
// 报错Uncaught ReferenceError: greeting is not defined
console.log(greeting);可见上述代码中在函数内部声明的变量或函数在函数外部是无法访问的这说明在函数内部定义的变量或者方法只是函数作用域
块级作用域
ES6引入了let和const关键字,和var关键字不同在大括号中使用let和const声明的变量存在于块级作用域中。在大括号之外不能访问这些变量
{// 块级作用域中的变量let greeting Hello World!;var lang English;console.log(greeting); // Prints Hello World!
}
// 变量 English
console.log(lang);
// 报错Uncaught ReferenceError: greeting is not defined
console.log(greeting);二、词法作用域 词法作用域又叫静态作用域变量被创建时就确定好了而非执行阶段确定的。也就是说我们写好代码时它的作用域就确定了JavaScript 遵循的就是词法作用域
var a 2;
function foo(){console.log(a)
}
function bar(){var a 3;foo();
}
bar()由于JavaScript遵循词法作用域相同层级的 foo 和 bar 就没有办法访问到彼此块作用域中的变量所以输出2
三、作用域链
当在Javascript中使用一个变量的时候首先Javascript引擎会尝试在当前作用域下去寻找该变量如果没找到再到它的上层作用域寻找以此类推直到找到该变量或是已经到了全局作用域
如果在全局作用域里仍然找不到该变量它就会在全局范围内隐式声明该变量(非严格模式下)或是直接报错
这里拿《你不知道的Javascript(上)》中的一张图解释
把作用域比喻成一个建筑这份建筑代表程序中的嵌套作用域链第一层代表当前的执行作用域顶层代表全局作用域 变量的引用会顺着当前楼层进行查找如果找不到则会往上一层找一旦到达顶层查找的过程都会停止
举个粟子 var sex 男;
function person() {var name 张三;function student() {var age 18;console.log(name); // 张三console.log(sex); // 男 }student();console.log(age); // Uncaught ReferenceError: age is not defined
}
person();上述代码主要主要做了以下工作
student函数内部属于最内层作用域找不到name向上一层作用域person函数内部找找到了输出“张三”student内部输出cat时找不到向上一层作用域person函数找还找不到继续向上一层找即全局作用域找到了输出“男”在person函数内部输出age时找不到向上一层作用域找即全局作用域还是找不到则报错
