JS 【详解】作用域

js 【详解】作用域

作用域即变量/函数可以被访问的区域。

全局作用域

{} 和函数外的区域为全局作用域。

function foo() { var a = b = 100; // 连续赋值}foo();console.log(window.b); // 打印 100 console.log(window.a); // 打印 undefined console.log(a); // 报错 Uncaught ReferenceError: a is not defined

var a = b = 100 这行连续赋值的代码等价于 var a = (b = 100)，其执行顺序是：

块作用域

{} 中为块作用域

变量只在代码块中有效；

ES5本身不提供块级作用域，通常使用立即调用函数表达式实现

(function () { var block_scoped=0;}());console.log(block_scoped); //引用错误

ES6中，使用 let 和 const 实现块级作用域

let a =1if(a===1) { let b = 2}console.log(b); // Uncaught ReferenceError: b is not defined

函数作用域

函数内的区域为函数作用域（即 function 中 { } 内的部分）

函数作用域的原理

执行期上下文：当函数执行时，会创建一个执行期上下文的内部对象。每调用一次函数，就会创建一个新的上下文对象，他们之间是相互独立的。当函数执行完毕，它所产生的执行期上下文会被销毁。

在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用（就近原则）。如果没有则向上一级作用域中寻找，直到找到全局作用域；如果全局作用域中依然没有找到，则会报错ReferenceError。

函数作用域的特点

var a = 1; function foo() { console.log(a); a = 2; // 此处的a相当于window.a } foo(); // 打印结果是1 console.log(a); //打印结果是2

function fun6(e) { // 这个函数中，因为有了形参 e，此时就相当于在函数内部的第一行代码里，写了 var e; console.log(e); } fun6(); //打印结果为 undefined fun6(123);//打印结果为123

模块作用域

ES6新增语法，每个js文件都是一个模块，每个模块中的区域即模块作用域，其他文件要使用模块中的变量/函数，必须对外导出模块中的变量/函数，并在目标文件中引入。

图解—JS调用栈

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。