const 命令

  • A+
所属分类:ES 6 JavaScript Web

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

一. 概述

  1. const使用特点? 答:① const声明一个只读的常量。一旦声明,常量的值就不能改变;② const一旦声明变量,就必须立即初始化,不能留到以后赋值;③ const的作用域与let命令相同:只在声明所在的块级作用域内有效;④ const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用;⑤ const声明的常量,也与let一样不可重复声明。
  2. const声明基础类型和对象类型?答:声明基础类型不可改变;声明对象类型不可重新赋值,可修改对象属性。

二. const 命令

1.作用

  • const声明一个只读的常量。一旦声明,常量的值就不能改变。
    const PI = 3.1415;
    PI // 3.1415
    
    PI = 3;
    // TypeError: Assignment to constant variable.
    

2.特点

  • const一旦声明变量,就必须立即初始化,不能留到以后赋值。
    //对于const来说,只声明不赋值,就会报错
    const foo;
    // SyntaxError: Missing initializer in const declaration
    
  • const的作用域与let命令相同:只在声明所在的块级作用域内有效。
    if (true) {
      const MAX = 5;
    }
    
    MAX // Uncaught ReferenceError: MAX is not defined
    
  • const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。
    if (true) {
      console.log(MAX); // ReferenceError
      const MAX = 5;
    }
    
  • const声明的常量,也与let一样不可重复声明。
    var message = "Hello!";
    let age = 25;
    
    // 以下两行都会报错
    const message = "Goodbye!";
    const age = 30;
    

3.const定义基础类型和复合数据类型区别

  • const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。
  • 简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的内存地址,因此等同于常量,不可以变动。
  • 复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针。也就是对于const修饰的复合类型变量,不可重新赋值,但是可以修改复合类型的属性。
    //一 对象
    const foo = {};
    
    // 为 foo 添加一个属性,可以成功
    foo.prop = 123;
    foo.prop // 123
    
    // 将 foo 指向另一个对象,就会报错
    foo = {}; // TypeError: "foo" is read-only
    
    //二 数组
    const a = [];
    a.push('Hello'); // 可执行
    a.length = 0;    // 可执行
    a = ['Dave'];    // 报错
    

4.const彻底冻结对象

  • 使用Object.freeze方法,冻结对象
    const foo = Object.freeze({});
    
    // 常规模式时,下面一行不起作用;
    // 严格模式时,该行会报错
    foo.prop = 123;
    
  • 冻结对象,并递归冻结所有为对象的属性
    var constantize = (obj) => {
      Object.freeze(obj);
      Object.keys(obj).forEach( (key, i) => {
        if ( typeof obj[key] === 'object' ) {
          constantize( obj[key] );
        }
      });
    };
    
zhangfeng

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: