《ES6入门》let和const总结
来源:互联网 发布:wind股票 mac 编辑:程序博客网 时间:2024/05/17 08:14
let命令
ES6新增了let命令,用于声明变量。用法类似一var,但所声明的变量只在let命令所在的代码块内有效。
- 不存在变量提升
- let不像var那样会发生“变量提升”现象,所以,变量一定要在声明后使用,否则报错。
- 暂时性死区(TDZ)
- 只要块级作用域内存在let明亮,他所声明的变量就“绑定”这个区域,不再受外部的影响。则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前使用这些变量,就会报错。总之,在代码块内,使用let命令声明变量之前,该变量是不可用。
var temp = 1;if(true) { //TDZ开始 console.log(temp) //ReferenceError //TDZ结束 let temp; console.log(temp) //undefined temp = 123; console.log(temp) //123}
- 不允许重复声明
- let不允许在相同的作用域内重复声明同一个变量,即使是在函数内部重复声明参数
function() { let a = 10; var a = 20; //报错}function(arg) { let arg; //报错}function(arg) { { let arg; //不报错 }}
块级作用域
为什么需要块级作用域呢,ES5只有全局作用域和函数作用域。可能会出现内层变量覆盖外层变量;用来计数的循环变量泄露为全局变量。
let实际上为JavaScritp新增了块级作用域。
- ES6允许块级作用域任意嵌套。
- 外层作用域无法读取内层作用域的变量。
- 内层作用域可以定义外层作用域的同名变量。
- 还规定函数本身的作用域在其所在的块级作用域内。
- 如果在严格模式下,函数只能在顶层作用域和函数内声明,其他情况(if代码块,循环代码块)下的声明会报错。
const命令
- const用来声明常量。一旦声明,其值就不能改变。
- const声明的常量不得改变值,意味着const一旦声明常量,就立即初始化,不能留到以后赋值。
const foo; //SystaxError:missing = in const declaration
- const声明的常量也不提升,同样存在暂时性死区,只能在声明后使用。
- 对于复合类型的变量,变量名不指向数据,而指向数据所在的地址。const命令值保证变量名所指的地址不变,不保证该地址的数据不变。
const a = {};a.porp = 123;a.porp; //123a = {} //TypeError: foo is read-only
- 如果想将对象冻结,应该使用
Object.freeze
方法
//添加不了新属性const foo = Object.freeze({});foo.porp = 123; //不起作用//除了冻结对象本身,对象的属性也应该冻结var constantize = (obj) => { Object.freeze(obj); Object.keys(obj).foEach((key,value) => { if(typeof obj[key] === 'object') { constantize(obj[key]); } })}
全局对象的属性
- var命令和function命令声明的全局变量依然是全局对象的属性
- let命令、const命令和class命令声明的全局变量不属于全局对象的属性。
0 0
- 《ES6入门》let和const总结
- 《ES6标准入门》:let 和 const 命令
- 【ES6】let和const
- es6 let和const
- ES6-let和const
- es6 let和const
- ES6入门——let和const命令
- 《ES6入门》读书笔记之let和const命令
- 【ES6系列】let和const
- ES6学习-let和const
- ES6 中的 let 和 const
- es6中的const和let
- es6 let 和 const 命令
- ES6的let和const
- ES6 let和const命令
- es6浅学-let和const
- ES6里let和const的学习总结。
- 深入浅出ES6(十四):let和const
- Smartupload上传组件
- 标签化的兴趣及其未来
- 解决python-dev无法安装(依赖关系)
- 转发:如何用SendMessage模拟某一按钮的点击事件
- oracle 备份数据库
- 《ES6入门》let和const总结
- java面试--算法
- UiSearchBar圆角设置
- Centos下yum安装和卸载软件的使用方法
- Linux通配表达式
- LiveStyle的简单使用
- 新中新二代身份证读卡Syn_ReadBaseMsg方法
- Quartz系列笔记(3)--Quartz API、Job和Trigger简介
- Eclipse导入项目No projects are found to import