js作用域
作用域: 可访问变量的集合。
JavaScript 作用域: 在 JavaScript 中, 对象和函数同样也是变量。作用域为可访问变量,对象,函数的集合。
- ES5作用域
- 全局作用域(Global Scope)
- 变量在函数外定义,即为全局变量。 网页中所有脚本和函数均可使用。
- 生命周期:声明时初始化(页面加载时) ->> 页面关闭后销毁。
- 局部作用域(Local Scope)
- 变量在函数内声明,即为局部变量。只能在函数内部访问。
- 生命周期:声明时初始化(函数开始执行时) ->> 函数执行完毕后销毁。
- 全局作用域(Global Scope)
- ES6作用域
- 块级作用域(Block Scope)
- let/const关键字声明的变量,大括号里面声明
- 生命周期 : 从大括号开始 -> 到大括号结束
- 块级作用域(Block Scope)
全局对象
在 JavaScript 中, 有一个永远被定义的全局对象. 在一个 web 浏览器中, 当脚本创建全局变量时, 他们作为该全局对象的成员被创建
-
在Web浏览器中,脚本没有专门作为后台任务启动的任何代码都将Window 作为其全局对象。这是Web上绝大多数的JavaScript代码
-
在 Worker 中运行的代码将WorkerGlobalScope 对象作为其全局对象。
-
在Node.js 环境下运行的脚本具有一个称为global 的对象作为其全局对象。
window 对象是浏览器中的全局对象。任何全局变量或者全局函数都可以通过 window 的属性来访问。
-
ES5中顶层对象是window,window对象也代指浏览器窗口,var命令和function命令声明的全局变量,是window的属性;全局对象的属性与全局变量是等价的
-
ES6中顶层对象定义,var命令和function命令声明的全局变量,依旧是全局对象的属性;let命令、const命令、class命令声明的全局变量,不属于全局对象的属性。与window脱离。全局对象的属性将与全局变量脱钩。
var a = 1;
a === window.a // true
用var定义了全局变量a,可以通过 window 对象的属性来访问它。把变量名 a 作为全局对象的 window.a的属性名来使用。
let b = 2;
console.log(b === window.b); // false
console.log(window.b) //undefined
用let定义了全局变量b,不属于全局对象window的属性。
全局作用域
var a = 1;
let b = 2;
function f() {
console.log(a, b); //1 2
};
f();
console.log(a, b); // 1 2
console.log(window.a); // 1
console.log(window.b); // undefined
局部作用域
函数内部创建的局部变量,无论val或者let都是局部变量
// 局部作用域 : 变量在函数内声明, 只能在函数内部被访问
function f() {
var a = 1; //局部变量
let b = 2; //局部变量
console.log(a, b); // 1 2
};
f();
console.log(a); // a is not defined
console.log(b); // b is not defined
块级作用域
以下情况不属于块级作用域
- 在非严格模式(non-strict mode)下的var
- 函数声明时通过var声明的变量
- 非严格模式下(non-strict mode)创建的函数声明
let a = 1;
var b = 1;
{
let a = 2;
var b= 2;
}
console.log(a); // 1
console.log(b); // 2
var与let区别
相同点
- 只能在特定的局部环境内使用
- 变量提升
不同点
- 作用域不同
- let:{} 内部使用let/const声明的变量,大括号执行完毕后销毁
- var: 函数体内部声明的变量,函数体执行完毕后销毁
- 预解析规则不同
- let:存在隐式变量提升,但是不允许被访问,暂存性死区。提前使用未声明的变量会报错
- var:存在变量提升,可先访问后声明,但是获取的值为undefined
- 变量是否可以重复声明
-
let不允许在相同作用域内,重复声明同一个变量。否则报错
-
var可重复声明,后面会覆盖前面
函数体大括号内部,无论使用什么关键字声明var/let/const都是局部作用域
-
如有不足或建议请评论指出,谢谢!加油!!!