08.01 签到！ js 作用域

转载于 2016-08-01 12:15:00 发布 · 71 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Tachi/p/5725331.html

本文详细探讨了JavaScript的作用域概念，包括其缺乏块作用域的特点，动态作用域的不存在，以及词法作用域（静态作用域）的工作原理。通过具体示例解释了变量提升、作用域链以及闭包的概念，并介绍了四种创建函数的方法。

js 作用域：

1、js 没有块作用域：

for (var i = 0;i < 4; i++){

}

alert(i)  // i = 3

2、js 没有动态作用域：

function f1(){
    var x = 10;
    f();
}
function f(){
    alert(x)
}

f1();  // x is not defined

3、词法作用域（静态作用域或者叫闭包）作用域链

function main(){
    function sub1(){
        function sub2(){
        }
    }
}

// sub2.Lexcal -> sub2.{[Scope] = sub1} -> sub1.Lexcal -> sub1{[scope]} -> main.Lexcal ->window === main{[scope]}

补充：词法创建函数的四种方法：

//---- 01： ----
function f(){}

//---- 02: ----

var f = function() {}

//---- 03: ---- 

var f = function x() {}

//---- 04: ----

var f = new Function("","alert("is function")");     // 这样的词法创建的function，不能访问到外部的 lexical 而是直接访问window