1、let命令
一、不允许重复声明
let不允许在相同作用域内,重复声明同一个变量。
二、块级作用域
1.没有块级作用域内层变量就会覆盖外层变量
2.用来计数的循环变量泄露为全局变量
let实际上为 JavaScript 新增了块级作用域。
ES6 允许块级作用域的任意嵌套。
内层作用域可以定义外层作用域的同名变量。
2、块级作用域与函数声明
1.ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。
ES6浏览器的行为方式
允许在块级作用域内声明函数。
函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
同时,函数声明还会提升到所在的块级作用域的头部。
2.考虑到环境的行为差异太大,应该避免在块级作用域内声明函数,如果确实需要,也应该些成函数表达式,而不是函数声明语句.
另外,还有一个需要注意的地方。ES6 的块级作用域允许声明函数的规则,只在使用大括号的情况下成立,如果没有使用大括号,就会报错。
3、 const 命令
基本用法
const声明一个只读的常量。一旦声明,常量的值就不能改变。
cosnt声明的变量不的改变值 ,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
const 只声明不赋值就会报错。
const的作用域与let相同:只在声明所在的块级作用域内有效。
cosnt命令声明的常量也是提升,同样存在暂时性死区,只能在声明的位置后面使用。
cosnt生命的常量,也与let一样不可重复声明。
本质
const变量指向内存地址,保存的只是一个指向实际数据的指针,cosnt只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就不受控制了。
如果真的想将对象冻结,应该使用Object.freeze方法。
ES6 声明变量的六种方法
ES5 只有两种声明变量的方法:var命令和function命令。ES6除了添加let和const命令,还有import命令和class命令。所以,ES6 一共有声明变量的方法。
4、顶层对象的属性
在浏览器环境指的是window对象,在Node指的是global对象。ES5中,顶层对象的属性与全局变量是等价的。
缺点是顶层的属性与变量是群全局挂钩,是JavaScript语言的一大败笔,代码编写的过程中最容易创建全局的变量,最后这个变量到处可以读写,非常不利于模块化编程。window对象有实体含义,指的是浏览器的窗口对象,顶层对象是一个有实体含义的对象,也是不合适的。
ES6 为了改变着一点,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。也就是说,从ES6开始,全局变量将会逐步与顶层对对象的属性脱钩。
5、global 对象
ES5的顶层对象,本身也是一个问题吗,应为他在各种实现里面是不统一的。
浏览器里面,顶层对象是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这些方法都可能无法使用。
综上所述,很难找到一种方法,可以在所有情况下,都取到顶层对象。下面是两种勉强可以使用的方法。
( typeof window !== 'undefined'
? window
: ( typeof process === 'object' &&
typeof require === 'function' &&
typeof global === 'object' )
? global
: this ) ;
var getGlobal = function ( ) {
if ( typeof self !== 'undefined' ) { return self; }
if ( typeof window !== 'undefined' ) { return window; }
if ( typeof global !== 'undefined' ) { return global; }
throw new Error ( 'unable to locate global object' ) ;
} ;
现在有一个天在语言标准里面,引入global作为顶层对象。也就是说,在所有环境下,global都是存在的,都可以从它拿到顶层对象。
垫片库system.global模拟了这个提案,可以在所有环境拿到global。
require ( 'system.global/shim' ) ( ) ;
import shim from 'system.global/shim' ; shim ( ) ;
上面代码可以保证各种环境里面,global对象都是存在的。
var global = require ( 'system.global' ) ( ) ;
import getGlobal from 'system.global' ;
const global = getGlobal ( ) ;
上面代码将顶层对象放入变量global。