分享

let和const命令

 新进小设计 2021-10-29

let 命令

let只在声明所在的块级作用域内有效,需要先申明后使用

{
  let a = 10;
  var b = a;
}
a // ReferenceError: a is not defined
b // 1
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(也就是同一个i,即最后一轮的i的值,也就是10),修改方法var改成let或者将内层函数变成块级作用域,外层i作为变量值传给块级作用域的函数。

const 命令

const声明一个只读的常量,一旦声明变量,就必须立即初始化,不能留到以后赋值。

const foo;
// SyntaxError: Missing initializer in const declaration

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable

const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单数据类型(数值、字符、布尔值),值保存在内存地址里,对于复杂数据类型(数组、对象),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,对于值是否改变不可以保证。

<!-- 对象 -->
const foo = {}
foo.name = 'a'; // 正确
foo = {} // 错误

<!-- 数组 -->
const arr = []
arr.push('a'); // 正确
arr.length = 0; // 可执行
arr = ['a']; // 报错

如果想让定义的对象或数组冻结,可以使用Object.freeze方法,当使用Object.freeze方法冻结对象或数组时,添加新属性不起作用,严格模式下会报错。

const foo = Object.freeze({});
// 常规模式时,下面一行不起作用
// 严格模式时,报错
foo.name = 'a';

const arr = Object.freeze([]);
// 常规模式时,下面一行不起作用
// 严格模式时,报错
arr[0] = 'a';

除了将对象本身冻结,对象的属性也应该冻结。下面是一个将对象彻底冻结的函数。

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

const foo = {
  name: 'a'
}
foo.age = 20; // 正确
foo.name = 'Lily'; // 正确
constantize(foo);
foo.age = 20; // 报错

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多