es6——one——let/const
程序员文章站
2023-12-21 21:39:04
...
let
1.let只能在let命令所在的代码块内有效。
{
let a = 1;
var b = 2;
}
a
b
结果显示:b:2;a不存在;
2.不存在变量提升,let一定要先声明再使用
3.暂时性死区:在这个代码块里存在let命令的话,那么他所声明的变量就不受外部的影响
var tmp = 123;
if(true) {
temp = 'abc'; //ReferenceError
let tmp;
}
4.不允许在相同作用域内重复声明
5.块级作用域及声明:
- 允许在块级作用域内声明函数
- 函数声明会提升到全局作用域或函数作用域头部
- 函数声明会提升到所在块级作用域的头部
const
1.声明一个只读常量,一旦声明,则不可改变,一旦声明必须立刻初始化,不能留到以后赋值
2.与let相同:只能在声明的块级作用域内有效
3.存在暂时性死区
4.不可重复声明
5.可以使用 Object.freeze的方法将对象冻结const foo = Object.freeze({});
这样就无法给foo对象里加东西了
es6有六种声明方式
- var
- function
- let
- const
- import
- class
var命令和function命令声明的全局变量,依旧是顶层对象的属性
另一方面规定,let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性
var a = 1;
window.a // 1
let b = 1;
window.b // undefined
globalThis 对象(这段不是完全明白:借鉴阮一峰的es6)
JavaScript 语言存在一个顶层对象,它提供全局环境(即全局作用域),所有代码都是在这个环境中运行。但是,顶层对象在各种实现里面是不统一的。
-
- 浏览器里面,顶层对象是window,但 Node 和 Web Worker 没有window。
- 浏览器和 Web Worker 里面,self也指向顶层对象,但是 Node 没有self。
- Node 里面,顶层对象是global,但其他环境都不支持。
同一段代码为了能够在各种环境,都能取到顶层对象,现在一般是使用this变量,但是有局限性。
-
- 全局环境中,this会返回顶层对象。但是,Node 模块和 ES6 模块中,this返回的是当前模块。
- 函数里面的this,如果函数不是作为对象的方法运行,而是单纯作为函数运行,this会指向顶层对象。但是,严格模式下,这时this会返回undefined。
- 不管是严格模式,还是普通模式,new Function(‘return this’)(),总是会返回全局对象。但是,如果浏览器用了 CSP(Content Security Policy,内容安全策略),那么eval、new Function这些方法都可能无法使用。