关于前端:重温JavaScriptlesson3作用域和闭包1

34次阅读

共计 1952 个字符,预计需要花费 5 分钟才能阅读完成。

在 lesson1 对于 let 的回顾中咱们波及到了块级作用域的概念,咱们理解到 JS 中包含全局作用域、函数作用域还有块级作用域。这次,咱们具体地学习一下无关作用域的相干常识。安利一本不错的书《你不晓得的 JavaScript(上卷)》,这本书的整个第一局部都在讲作用域和闭包的内容。那咱们就进入到作用域无关常识的学习:

1. 作用域的概念

对于作用域的概念,New_Name 看到 w3school 是这样说的:<font color=red> 作用域指的是您有权拜访的变量汇合。</font>《你不晓得的 JavaScript(上卷)》对作用域的角色定义为:<font color=red> 作用域是负责收集并保护由所有申明的变量组成的一系列查问,并且施行一套严格的规定,确定以后执行的代码对这些变量的拜访权限 </font>。《JavaScript 编程精粹》一书对作用域下的定义是:<font color=red> 一个变量的作用域就是该变量所在的上下文。作用域指明了能够从哪里拜访到某个变量,以及在该上下文中是否能够拜访这个变量。</font>

总而言之,作用域的作用就是控制程序对变量的拜访。

2. 作用域的分类

作用域能够分为全局作用域和部分作用域。部分作用域又能够分为函数作用域和块级作用域。

<font color=red> 在 JS 中,每个函数创立一个新的作用域,咱们称之为函数作用域 </font>。从函数内部无法访问函数外部定义的变量。

function testFun() {
    var test = 10;
    console.log(test);
}
function testFun2() {
    var test = 11;
    console.log(test);
}
testFun();//10
testFun2();//11
console.log(test);// test is not defined

从以上代码中咱们看到:(1)能够在不同函数中应用同名变量,彼此不会相互影响。(2)从函数内部无法访问函数外部定义的变量。再看另外一段代码:

var test = 9;
function testFun() {console.log(test);//undefined
    var test = 10;
    console.log(test);//10
}
testFun();
console.log(test);//9

这段代码中,testFun 外部申明的 test 处于函数作用中,而在函数内部申明的 test 处于全局作用域中。在函数作用域内,拜访和全局作用域同名的 test 时,拜访的是函数作用域的变量。咱们再来看一段代码:

var test = 9;
function testFun() {console.log(test);//9
      test = 10;
    console.log(test);//10
}
testFun();
console.log(test);//10

这段代码,在全局作用域内申明了 test 并赋初值 9,而后咱们看到 在函数作用内能够拜访全局作用内的值,并且能够对其批改

之前说过,以前 JS 是没有块作用域的概念,ES6 引进了 let 关键字,能够用于生成块级作用域。

var foo = true;
if (foo) {
    let bar = 'New_Name';
    console.log(bar);//New_Name
}
console.log(bar);//bar is not defined

在如上代码中,变量 bar 是申明在了块作用域内的,块内部无法访问到 bar 的值。上面来看看作用域链是神马~

3. 作用域链的概念

通常,变量的取值都是到创立此变量的作用域中取值。然而 <font color=red> 如果在以后作用域中没有查到值,就会向下级作用域去查,直到查到全局作用域,此查找过程造成的链条就叫做作用域链 </font>。看一下代码:

var globalTest = 10
function funcDomin(flag) {
    var funcTset = 9;
    if (flag === true) {
        let blockTest = 8;
        console.log(blockTest);//8
        console.log(funcTset);//9
        console.log(globalTest);//10
    }
}
funcDomin(true);

在块级作用域中拜访 blockTest,因为 blockTest 存在域以后作用域内,就不向上查找了。接着拜访 funcTest,因为 funcTest 不在以后的块级作用域内,就向下级作用域也就是 funcTest 所在的函数作用域中去查找,找到了就不再向上查找。而 globalTest 的状况也相似,只不过还要向上一级查找,直到全局作用域。

好了,这就是本次学习的全部内容了,下一次咱们将一起摸索有敞开包的内容。

如有谬误,请不吝指正。温故而知新,欢送和我一起重温旧常识,攀登新台阶~

正文完
 0