美文网首页
ES6的let和const命令

ES6的let和const命令

作者: walker_10086 | 来源:发表于2019-01-04 13:30 被阅读0次

let命令
1、let用法类似var,用于声明变量。但是所声明的变量只在let命令所在的代码块内有效。

2、不存在变量提升,所以变量一定要在声明后使用,否则报错。

3、暂时性死区。只要块级作用域内存在let命令,它所声明的变量就“绑定”在这个区域,不再受外部的影响。比如 :

var a = 1;

if(true){

a = 2; //报错

​let a;

}​

​上面的代码中存在全局变量a,但是块级作用域中let又声明了一个局部变量a,导致后者绑定这个块级作用域,所以在let声明变量前,对a赋值会报错。

4、不允许重复声明。let不允许在相同的作用域内声明同一变量。

function​( ){

let a = 1;

var a =2;

} //报错​

const命令​
1、const用来声明常量。一旦声明其值不能改变。这就意味着const一旦声明常量,就必须初始化,不能留到以后赋值。

2、与let命令相同,只在声明所在的块级作用域内有效。

3、const命令声明的变量也不提升,同样存在暂时性死区,只能在声明后使用。同样不可重复声明变量。

4、对于复合类型的变量,变量名不指向数据,而是指向数据所在的地址。const命令只是指向的地址不变,并不保证改地址的数据不变,所以将一个地址声明为变量需要非常小心。

const foo = {};

foo.prop = 123;

foo= { }; ​// 报错

上面的代码,常量foo存储的是一个地址,指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加属性。如果想使对象不可变,可以将对象冻结,使用object.freeze方法。

5、跨模块常量的写法。

//constants.js模块

export const A = 1;

export const B = 2;

export const C = 3;

//text1.js模块

import​ * as constants from './constants';

console.log(constants.A ); // 1​

console.log(constants.B ); // 2

//text2.js模块

import​ {A, B} from './constants';

console.log(constants.A ); // 1​

console.log(constants.B ); // 2

相关文章

  • ES6之 let 和 const 命令

    ES6 之 let 和 const 命令 1、let 命令 1.1、基本用法 ES6 新增了let命令,用来声明变...

  • ES6中的let和const命令

    ES6中的let和const命令 let命令 ES6 新增了let命令,用来声明变量。它的用法类似于var,但是...

  • es6总结一

    es6基础 let和const命令 let和const用于声明变量let跟var的区别 1、let定义过的变量不能...

  • ES6笔记

    let 和 const ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一...

  • ES6语法总结(一)变量的声明

    一:let和const命令 1.let命令 (1) ES6新增了let命令,用来声明变量。用法类似于var,但是声...

  • ES6 学习笔记-let

    let 和 const 命令 1. let命令 基本用法 ES6 新增了let命令,用来声明变量。它的用法类似于v...

  • let和const命令

    ES6学习 let和const命令 1. let命令 基本用法let命令,用来声明变量。他的用法类似于var,只在...

  • 无标题文章

    let和const命令 let命令 基本用法 ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声...

  • let和const命令

    es6标准入门 第2章 let和const命令 2.1 let命令 2.1.1 基本用法 let用来声明变量,但所...

  • 第1章ES6初步

    目标 ES6简介 ECMAScript 和 JavaScript 的关系 let命令 块级作用域 const命令 ...

网友评论

      本文标题:ES6的let和const命令

      本文链接:https://www.haomeiwen.com/subject/vybhrqtx.html