继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

读书笔记-ES6标准入门:const命令

慕标0246214
关注TA
已关注
手记 39
粉丝 251
获赞 1274

const 用来声明常量。一旦声明,其值就不能改变。因此,const一旦声明常量,就必须立即初始化,不能留到以后赋值。只声明不赋值就会报错。const的作用域与let命令相同:只在声明所在的块级作用域内有效。
特点:
1.const命令声明的常量也不能提升,同样存在暂时性死区,只能在声明后使用。
2.与let一样,const也不可重复声明常量

var message = 'hello';
let age = 25; 

//以下两行都会报错
const message = 'goodBye'; // error
const age = 30; // error

对于复合类型的变量,变量名不指向数据,而是指向数据所在的地址。

注意:const命令只是保证变量名指向的地址不变,并不保证改地址的数据不变,所以将一个对象声明为常量必须非常小心。

const foo = {};
foo.prop = 123;

foo.prop // 123
foo = {}; //error

常量foo存储的是一个地址,指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。

const a = [];
a.push('hello'); // OK
a.length = 0; //OK
a = ['dave']; // Error

解释:上面代码中,常量a是一个数组,这个数组本身是可写的,但如果将另一个数组赋值给a,就会报错。

如果真的想讲对象冻结,应该使用Object.freeze方法。

const foo = Object.freeze({});
foo.prop= 123; // 不起作用

上面的代码把常量foo指向一个冻结的对象,所以添加新属性不起作用。
除了将对象本身冻结,对象的属性也应该冻结。

var constantize = (obj) => {
    Object.freeze(obj);
    Object.keys(obj).forEach( (key, value) => {
        if( typeof obj[key] === 'object') {
            constantize( obj[key] );
        }
    } );
}

ES5只有两种声明变量的方法,var命令和function命令。

ES6除了添加了let和const命令,还添加了import命令和class命令。

所以,ES6一共有6中声明变量的方法。

跨模块常量
const声明的常量只在当前代码块有效。如果设置跨模块的常量。采用如下写法。

//constants.js module
export const A = 1;
export const B = 2;
export const C = 3;

// test1.js module
import * as constants from './constants'
console.log(constants.A); // 1
console.log(constants.B); // 2

// test2.js module
import {A,B} from './constants'
console.log(A); // 1
console.log(B); // 2

全局对象的属性
全局对象是最顶层的对象,在浏览器环境指的是window对象,在Nodejs中指的是global对象。

在ES5中,全局对象的属性等价于全局变量。

window.a = 1;
a //1

a = 3;
window.a; // 3

上面的代码中,全局对象的属性赋值与全局变量的赋值,是同一件事。这是js语言的一大问题,因为不知不觉就创建了全局变量。

ES6规定,var命令和function命令声明的全觉变量依旧是全局对象的属性。let命令,const命令和class命令声明的全局变量不属于全局对象的属性。

var a=1;
window.a  // 1

let b=1;
window.b // undefined

全局变量a由var命令声明,所以是全局对象的属性;
全局变量b由let命令声明,所以不是全局对象的属性,返回undefined;

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP