JS作用域(2) - 作用域

一  作用域的定义

根据名称查找变量的一套规则

二  作用域规则 

引擎从当前的执行作用域开始查找变量,如果找不到,就向上一级继续查找。当抵达最外层的全局作用域时,无论找到还是没找到,查找过程都会停止

JS作用域(2) - 作用域

LHS和RHS查询都会在当前执行作用域中开始,如果有需要,就会向上级作用域继续查找目标标识符,这样每次上升一级作用域,最后抵达全局作用域

三 作用域的异常处理

RHS查询在所有嵌套的作用域中遍寻不到所需的变量,引擎就会抛出ReferenceError异常

LHS查询时如果在全局作用域中也无法找到目标变量,全局作用域中就会创建一个具有该名称的变量,并将其返还给引擎

四 作用域的工作模式

作用域主要用两种工作模型:词法作用域(常用)、动态作用域

五 词法作用域

定义:定义在词法阶段的作用域,由你在写代码时将变量和块作用域写在哪里来决定的

查找&匹配规则:

  • 标识符匹配:作用域查找会在找到第一个匹配的标识符时停止,会从运行时所处的最内部作用域开始,逐级向外或者向上进行,直到遇见第一个匹配的标识符为止

eg.代码中引用了foo.bar.baz,词法作用域查找只会试图查找foo标识符(一级标识符)

遮蔽效应:在多层的嵌套作用域中可以定义同名的标识符,内部标识符“遮蔽”了外部的标识符

  • 函数匹配:函数的词法作用域都只由函数被声明时所处的位置决定

欺骗词法:eval和with会在运行时修改或创建新的作用域,以此来欺骗其他在书写时定义的词法作用域

  • eval(...)

参数:可以接受一个字符串为参数

用法:以动态形式插入进来,并对词法作用域的环境进行修改

function foo(str, a) {
    eval(str);
    console.log(a, b);
}

var b = 2;

foo("var b = 3;" , 1); //1,3
  • with

用法:被当作重复引用同一个对象中的多个属性的快捷方式,可以不需要重复引用对象本身。

可以将一个没有或者有多个属性的对象处理为一个完全隔离的词法作用域,因此这个对象的属性也会被处理为定义在这个作用域中的词法标识符

function  foo(obj) {
    with(obj) {
        a = 2;
    }
}


var o1 = {
    a: 3 
}

var o2 = {
    b: 3
}

foo(o1);
console.log(o1.a); // 2


foo(o2);
console.log(o2.a); //undefined
console.log(a); //2  泄露到全局作用域上

性能:如果出现eval(...) 和 with,会让性能优化无意义

上一篇:MavLink简单使用


下一篇:Detectron2注册自己的COCO数据集