博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6 之 let和const、块级作用域
阅读量:5114 次
发布时间:2019-06-13

本文共 1176 字,大约阅读时间需要 3 分钟。

var

存在变量提升问题,降低 js 代码的可阅读性

没有 { } 块级作用域,容易造成变量污染

变量可以被多次重复定义

let

let声明的变量只在它所在的代码块有效。

不存在变量提升,在同一作用域不可以重复用let重复定义

只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

var tmp = 123; if (true) {    tmp = 'abc'; // ReferenceError    let tmp; // 以在let声明变量前,对tmp赋 值会报错。}

不允许重复声明

for由于 {} 会对 let 产生作用域,所以每次循环,都创建了独立的 { } 作用域,和上一次的循环,作用域各自独立

const

const声明一个只读的常量。一旦声明,常量的值就不能改变。

对于const来说,只声明不赋值,就会报错。

const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。

本质:const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。

对于简单类型的数据(数值、字符串、布尔值),值就保存在 变量指向的那个内存地址,因此等同于常量。

对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。

顶层对象的属性

顶层对象的属性与全局变量挂钩,被认为是 JavaScript 语言最大的设计败笔之一。

这样的设计带来了几个很大的问题:

1、首先是没法在编译时就报出变量未 声明的错误,只有运行时才能知道(因为全局变量可能是顶层对象的属性创造的,而属性的创造是动态的);

2、其次,程序员很容易不知不觉地就创建了全 局变量(比如打字出错);

3、最后,顶层对象的属性是到处可以读写的,这非常不利于模块化编程。

4、另一方面,window对象有实体含义,指的是浏览器的窗 口对象,顶层对象是一个有实体含义的对象,也是不合适的。

ES6 为了改变这一点,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let命令、 const命令、class命令声明的全局变量,不属于顶层对象的属性。也就是说,从 ES6 开始,全局变量将逐步与顶层对象的属性脱钩。

 

ES6块级作用域

外层代码不受内存代码块的影响

ES6规定,在块级作用域之中,函数声明类似于let

允许在块级作用域内声明函数

函数声明会提升到所在块级作用域的头部

转载于:https://www.cnblogs.com/houfee/p/10331296.html

你可能感兴趣的文章
常用的jquery触屏手机页面特效代码下载
查看>>
background-clip,background-origin
查看>>
C# 如何创建一个Windows服务
查看>>
集群和分布式区别
查看>>
Android(java)学习笔记153:采用post请求提交数据到服务器(qq登录案例)
查看>>
Java基础知识强化101:Java 中的 String对象真的不可变吗 ?
查看>>
Android 高级UI设计笔记12:ImageSwitcher图片切换器
查看>>
虚拟主机与虚拟目录学习小结
查看>>
hlg1414安装雷达【贪心】
查看>>
Blog文章待看
查看>>
Golang flag包使用详解(一)
查看>>
python文件IO
查看>>
regsvr32简介
查看>>
升级到 .NET Core 2.1
查看>>
C#多线程交替赋值取值
查看>>
对Java前四章的感受
查看>>
【Linux】ping命令详解
查看>>
对团队成员公开感谢博客
查看>>
密码学总结
查看>>
java学习第三天
查看>>