玫瑰不香

导航

JavaScript - 作用域

1、作用域简介

  作用域是可访问变量的集合

  作用:控制着变量与参数的可见性和生命周期

  优点:(1)减少了名称冲突;(2)提供了自动内存管理; (3)可以访问它们的外部函数的参数和变量,除了this和arguments

  分类:(1)全局作用域(Global Scope); (2)块级作用域(Block level scope)

2、JavaScript作用域

   注意:JavaScript无块级作用域!!!

  分类:(1)全局作用域;(2)局部作用域(函数作用域)

  在 JavaScript 中, 对象和函数同样也是变量,作用域为可访问变量,对象,函数的集合。

  1)JavaScript全局作用域

    定义:全局变量用拥有全局作用域。

    使用范围:(1)最外层函数和在最外层函数外面定义的变量

         (2)所有未定义直接赋值的变量

         (3)所有Windows对象的属性

  2)JavaScript局部作用域(函数作用域)

    定义:在函数内部访问的变量为局部变量,局部变量拥有局部作用域。

    使用范围:(1)特定的代码片段,或者函数中

    特点:(1)不同函数可以使用相同的变量名;

       (2)局部变量在函数开始执行时创建,函数执行完后局部变量会自动销毁。

  3)作用域链和标识符解析

    (1)在JavaScript里,万物皆对象,而对象拥有可以编程访问的属性,和一系列不能通过代码访问而仅供JavaScript引擎存取的内部属性,[[Scope]]是其中之一。

  [[Scope]]包含了一个函数被创建的作用域中对象的集合,这个集合被称作函数的作用域链。

    (2)作用:决定哪些数据能被函数访问

    (3)函数作用域中的每个对象被称为一个可变对象,每个可变对象都以“键值对”的形式存在。

    例(全局函数):  

function add(num1, num2){

    var sum = num1 + num2;

    return sum

}    

     

    (4)执行环境(执行上下文): 执行函数是创建的一个内部对象。

调用一次函数就会创建一个执行环境,多次调用同一个函数就会创建多个执行环境。当函数执行完毕,执行环境就会被销毁。

每个执行环境都有自己的作用域链,用于解析标识符。

活动对象,作为函数运行时的变量对象,包含所有局部变量,命名参数,参数集合以及this。此对象被推入作用域链的最前端。随执行环境的创建而创建,销毁而销毁。

全局对象,随函数创建而创建,销毁而销毁。

(5)在函数执行过程中,每遇到一个变量,都会经历一次标识符解析过程,以决定从哪里获取或存储数据。每个标识符都要经历这个过程。(所有会影响性能)

  变量遮蔽性,名字相同的连个变量存在于作用域链的不同部分,那么标识符就是遍历作用域链时最先找到的哪个。

(6)标识符解析的性能

  标识符解析是需要代价的。

全局变量总是存在于执行环境作用域链的最末端。

在执行环境的作用域链中和所有游览器而言,一个标识符所在的位置越深,它的读写速度越慢。

 

  4)改变作用域链

    可临时改变作用域链的语句:(1)with语句;(2)try-catch中的catch子句

(1) with语句

  作用:给对象的所有属性创建一个变量。

  优点:减少代码量

  缺点:易产生性能问题(一个新的变量对象被创建,它包含了参数指定的对象的所有属性。这个对象被推入作用域链的首位,而函数的局部变量处于作用域链的第二位,因此访问代价更高了)

 (2) try-catch中的catch子句

  理由:try代码块中发生错误,执行过程自动跳转到catch子句,然后把异常对象推入一个变量对象饼置于作用域链的首位。在catch代码块内部,函数所有局部变量将会放在第二作用域链对象中

  解决办法:尽量简化代码;将错误委托给一个函数来处理

 5)动态作用域

(1) 只存在于代码执行过程中,因此无法通过静态分析(查看代码结构)检测出来

(2) 设计动态作用域时,优化的JavaScript引擎就失效了。脚本引擎就必须切回较慢的哈希表的标识符识别方式,这更像是传统的作用域链查找。因此,只有在确切必要时才推荐使用动态作用域

(3) 种类:with语句;try-catch语句的catch子句;包含eval()的函数

  eval() => 把一个字符串当作js表达式一样去执行

(4) 例:

function execute(code){
    eval(code);
    function subroutine(){
        return window;
    }
    var w = subroutine();
    console.log(w)
}

变量w的值会随code的变化而变化。一般情况下,w=全局的window对象,当code=var window = {}时;  w的值就为 {}。如下图所示:

因为eval() 创建了一个局部变量window,此时w的值为局部变量window,而不是全局window对象。

posted on 2019-09-30 23:35  布娃娃  阅读(172)  评论(0编辑  收藏  举报