ES6 新增命令
let 用来声明变量。它的用法类似于var,但是所声明的变量,
只在let命令所在的代码块内有效。
例:
{var a=10; let b=20;}; console.loge(a);//10 ;console.log(b);//报错。
代码的作用域更加明显。
for(let i=0;i<10;i++){console.log(i)};console.log(i);//0~9;报错。
不会污染全局变量,外部是访问不到变量 i 的。
var a=[]; for(var i=0;i<10;i++) {a [ i ]=function ( ) {console.log ( i )}};a[ 6 ]( );//10。
上面代码中,变量i是var命令声明的,在全局范围内都有效,所以全局只有一个变量i。
每一次循环,变量i的值都会发生改变,而循环内被赋给数组a的函数内部的console.log(i),里面的i指向的就是全局的i。
也就是说,所有数组a的成员里面的i,指向的都是同一个i,导致运行时输出的是最后一轮的i的值,也就是10。
var a=[]; for(leti=0;i<10;i++) {a [ i ]=function ( ) {console.log ( i )}};a[ 6 ]( );//10。
上面代码中,变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,
所以最后输出的是6。你可能会问,如果每一轮循环的变量i都是重新声明的,那它怎么知道上一轮循环的值,从而计算出本轮循环的值?
这是因为 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。
另外,for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。
for(let i=0;i<10;i++){let i="abc"; console.log(i)};//abc;//abc;//abc;.
上面代码正确运行,输出了3次abc。这表明函数内部的变量i与循环变量i不在同一个作用域,有各自单独的作用域。
即小括号于大括号都有各的作用域。
let 不存在变量提升(变量提前声明)。
var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined。
为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。
console.log(a); var a=10;//undefined
console.log(b); let b=10;//报错
不允许重复声明
let不允许在相同作用域内,重复声明同一个变量。
let a=10; let a=20;//报错。
function fn ( ){ let a=10; let a=10;}; fn( );//报错。
function fn( name){ let name;}; fn( );//报错。
let a=10; { let a=20; console.log(a)};//20。
暂时性死区
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
var a=10; { a=20; …………………… let a ; …………}
上面代码中,存在全局变量a,但是块级作用域内let又声明了一个局部变量a,
导致后者绑定这个块级作用域,所以在let声明变量前,对a赋值会报错。
灰色区域内都是let的死区。就是说在一个块级作用域内,只要出现了let,
那么在作用域内 let 前面就不允许出现用 let 声明的变量的相同名字的变量。
typeof (a);//undefined; typeof(a); let a=10;//报错。
“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。
上面代码中,变量a使用let命令声明,所以在声明之前,都属于a的“死区”,
只要用到该变量就会报错。因此,typeof运行时就会抛出一个ReferenceError(错误)。
作为比较,如果一个变量根本没有被声明,使用typeof反而不会报错。
有些“死区”比较隐蔽,不太容易发现。
function fn ( x=y, y=2){ return [ x,y ]}; fn ( x,y );//报错。
上面代码中,调用fn函数之所以报错(某些实现可能不报错),
是因为参数x默认值等于另一个参数y,而此时y还没有声明,属于”死区“。
如果y的默认值是x,就不会报错,因为此时x已经声明了。
let x = x;
上面代码报错,也是因为暂时性死区。使用let声明变量时,只要变量在还没有声明完成前使用,就会报错。
上面这行就属于这个情况,在变量x的声明语句还没有执行完成前,就去取x的值,导致报错”
const
const声明一个只读的常量。一旦声明,常量的值就不能改变。
const a=10; a=20;//报错。
const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值
对于const来说,只声明不赋值,就会报错。
const a; a=20;//报错。
const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。
对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。
但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,
const只能保证这个指针是固定的,至于它指向的数据是不是可变的,就完全不能控制了。
因此,将一个对象声明为常量必须非常小心。
const a={ name:"karen", age:23};
a={ name:"ming", age:25};//报错。
a.name="ming"; a.age=25;//不报错。
上面代码中,常量 a 储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把 a 指向另一个地址,但对象本身是可变的
ES6 新增命令的更多相关文章
- ECMAScript简介以及es6新增语法
ECMAScript简介 ECMAScript与JavaScript的关系 ECMAScript是JavaScript语言的国际化标准,JavaScript是ECMAScript的实现.(前者是后者的 ...
- es6新增功能
声明命令 1. let命令 ES6新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效.下面代码在代码块之中,分别用let和var声明了两个变量.然 ...
- JS ES6 -- let命令
1.ES6新增了块级作用域的let和const 这新特性let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. for循环的计数器,就很合适使用let命令 ...
- 【ES6新增语法详述】
目录 1. 变量的定义 let const 2. 模版字符串 3. 数据解构 4. 函数扩展 设置默认值 箭头函数 5. 类的定义 class 6. 对象的单体模式 "@ ES6新增了关于变 ...
- es6新增
首先要说let,他是只在代码块中执行的变量,例如: { let a = 10; var b = 1;}console.log(a);//definedconsole.log(b);//1 ...
- ES6新增的常用数组方法(forEach,map,filter,every,some)
ES6新增的常用数组方法 let arr = [1, 2, 3, 2, 1]; 一 forEach => 遍历数组 arr.forEach((v, i) => { console.log( ...
- ES6新增对象方法的访问描述符:get(只读)、set(只写)
Es6新增对象方法的访问描述符:get(只读).set(只写),可以直接使用,一般用于数据监听,用途类似于vue.$watch. var obj = { a:1, get bar() { return ...
- 浅谈ES6新增数据类型:Symbol
面试中喜闻乐见的问题就是问我们的ES6新增了哪些个新特性 这篇文章一起学习一下新增的数据类型:Symbol JS的原始数据类型:6种Boolean,String,Undefined,NULL,Numb ...
- ES6新增的数据类型Map和Set。
Javascript的默认对象表示方式 {} ,即一组键值对. 但是Javascript的对象有个小问题,就是键必须是字符串.但实际上Number或者其他数据类型作为键也是非常合理的. 为了解决这个问 ...
随机推荐
- 基于类(Java)和基于原理(JavaScript)的对象系统的比较
Java:面向对象编程语言,吸收了C++语言的各种优点,丢掉了C++让人头疼的多继承.指针等概念.具有功能强大和简单易用的两大特征.Java具有简单性.面向对象.分布式.健壮性.安全性.平台独立与可移 ...
- iOS CAReplicatorLayer 实现脉冲动画效果
iOS CAReplicatorLayer 实现脉冲动画效果 效果图 脉冲数量.速度.半径.透明度.渐变颜色.方向等都可以设置.可以用于地图标注(Annotation).按钮长按动画效果(例如录音按钮 ...
- Nginx学习笔记1-Nginx功能模块以及进程管理
1. 功能 1.1. 功能描述 使用缓存加速反向代理,简单负载均衡和容错: 使用缓存机制加速远程FastCGI服务器的访问: 模块化结构: 基本的HTTP功能: 邮 ...
- ClassLoader机制:一个类何时会被虚拟机初始化?
版权声明:本文为博主原创文章,转载请注明出处,欢迎交流学习! 大家都知道Java程序被编译器编译成字节码文件保存在硬盘里,Java虚拟机在执行代码时首先要把编译后的字节码文件从硬盘加载到内存中,然后才 ...
- Linux命令 比较文件
cmp [功能说明] 比较文件 #cmp可以比较任何类型的文件,并在标准输出设备上显示文件的第一次不同处的行号和字节号,分别从1开始,但是一般用于比较文本文件 [语法格式] Cmp[参数][文件1][ ...
- 关于Handler的理解,子线程不能更新UI的纠正和回调的思考
开发Android这么久了,总会听到有人说:主线程不能访问网络,子线程不能更新UI.Android的主线程的确不能长时间阻塞,但是子线程为什么不能更新UI呢?今天把这些东西整理,顺便在子线程更新UI. ...
- PHPCMS v9 自定义表单添加验证码
1. 在 \phpcms\templates\default\formguide\show.html 中添加验证码显示 <input type="text" id=&quo ...
- 二叉树问题(区间DP好题)
二叉树问题 时间限制: 1 Sec 内存限制: 128 MB 题目描述 Petya Bulochkin很幸运:他得到了一份在"Macrohard"公司的工作.他想要展现他的才华, ...
- 【解决】使用compass watch xxx.scss 失败
原始日期:2016-01-25 16:49 在上一篇博客,我们终于安装好了compass,不过紧接着使用compass watch app.scss 结果失败,经过查询资料,是compass的版本问题 ...
- 各开放平台API接口通用SDK序列文章 前言
最近两年一直在做API接口相关的工作,在平时工作中以及网上看到很多刚接触API接口调用的新人一开始会感到很不适应,要看的文档一大堆,自己要调用的接口找不着,或都找着了不知道怎么去调用,记得包括自己刚开 ...