前言: ES5中对象的属性名都是字符串,容易造成重名,污染环境。
Symbol:
概念: ES6中添加了一种原始数据类型symbol
(已有的原始数据类型:String,Number,Boolean,Null,Undefined,Object)
特点: 1.symbol属性值对应的值是唯一的,解决命名冲突问题
2. symbol值不能与其他数据进行计算,包括同字符串拼串
3. for in,for of 遍历时,不会遍历symbol属性
使用:
1. 调用Symbol函数获得symbol值
let symbol = Symbol()
let obj = {}
obj[symbol] = 'Hello'
2. 传参标识
let symbol = Symbol('one')
let symbol2 = Symbol('two')
console.log(symbol);// Symbol('one')
console.log(symbol2);// Symbol('two')
3. 内置Symbol值
* 除了定义自己使用的Symbol值以外,ES6还提供了11个内置Symbol值,指向语言内部使用的方法
- Symbol.iterator
* 对象的Symbol.iterator属性,指向该对象的默认遍历器方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>symbol属性介绍</title>
</head>
<body>
</body>
<script type="text/javascript">
// 创建Symbol属性值
let symbol = Symbol();
console.log(symbol)
let obj = {username:'Yoona',age:28}
obj[symbol] = 'pretty';
console.log(obj)
// for in,for of 遍历时,不会遍历symbol属性
for(let i in obj){
console.log(i)
}
let symbol1 = Symbol()
let symbol2 = Symbol()
console.log(symbol1 == symbol2)// false 说明symbol属性值对应唯一的值
console.log(symbol1,symbol2)
let symbol3 = Symbol('one')
let symbol4 = Symbol('two')
console.log(symbol3,symbol4)
// 可以定义常量
const Person_key = Symbol('PErson_key')
console.log(Person_key)
</script>
</html>