ES6新增关键字let&const以及新增数据类型Symbol

let 声明的变量只在 let 命令所在的代码块内有效。

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

let

基本用法:

{
  let a = 0;
  a   // 0
}
a   // 报错 ReferenceError: a is not defined

代码块内有效
let只在代码块内生效,var是在全局范围生效

{
  let a = 0;
  var b = 1;
}
a  // ReferenceError: a is not defined
b  // 1

不能重复声明
let声明的变量不能重复声明,也就是说一旦声明就不可更改,否则会报错
var可以声明多次

let a = 1;
let a = 11;
var b = 2;
var b = 22;
a // Identifier 'a' has already been declared
b // 22 

不存在变量提升
let不存在变量提升,var会变量提升

console.log(a); //ReferenceError: a is not defined
let a = "苍牙";
console.log(b); // undefined
var b = "琳";

变量 b 用 var 声明存在变量提升,所以当脚本开始运行的时候,b 已经存在了,但是还没有赋值,所以会输出 undefined。

变量 a 用 let 声明不存在变量提升,在声明变量 a 之前,a 不存在,所以会报错。

const

const 声明一个只读变量,声明之后不允许改变。意味着,一旦声明必须初始化,否则会报错。
基本用法:

const PI = "3.1415926535";
PI  // 3.1415926535

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

暂时性死区:

var PI = "a";
if(true){
  console.log(PI);  // ReferenceError: PI is not defined
  const PI = "3.1415926535";
}

ES6 明确规定,代码块内如果存在 let 或者 const,代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内,在声明变量 PI 之前使用它会报错。

Symbol

ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。

Symbol的基本用法

Symbol 函数栈不能用 new 命令,因为 Symbol 是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的 Symbol 提供描述,用来显示在控制台或者作为字符串的时候使用,便于区分。

let sy = Symbol("c");
console.log(sy);   // Symbol(c)
typeof(sy);        // "symbol"
 
// 相同参数 Symbol() 返回的值不相等
let sy1 = Symbol("c"); 
sy === sy1;       // false

作为属性名

由于每一个 Symbol 的值都是不相等的,所以 Symbol 作为对象的属性名,可以保证属性不重名。

let sy = Symbol("key1");
 
// 写法1
let syObject = {};
syObject[sy] = "c";
console.log(syObject);    // {Symbol(key1): "c"}
 
// 写法2
let syObject = {
  [sy]: "c"
};
console.log(syObject);    // {Symbol(key1): "c"}
 
// 写法3
let syObject = {};
Object.defineProperty(syObject, sy, {value: "c"});
console.log(syObject);   // {Symbol(key1): "c"}

Symbol 作为对象属性名时不能用.运算符,要用方括号。因为.运算符后面是字符串,所以取到的是字符串 sy 属性,而不是 Symbol 值 sy 属性。

let syObject = {};
syObject[sy] = "cc";
 
syObject[sy];  // "cc"
syObject.sy;   // undefined

需要注意的是,Symbol 值作为属性名时,该属性是公有属性不是私有属性,可以在类的外部访问。但是不会出现在 for…in 、 for…of 的循环中,也不会被 Object.keys() 、 Object.getOwnPropertyNames() 返回。如果要读取到一个对象的 Symbol 属性,可以通过 Object.getOwnPropertySymbols() 和 Reflect.ownKeys() 取到。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值