【ES6语言基础】· 数据类型（2）

Symbol类型

• 用途：创建唯一记号，用作非字符串形式的对象属性
• 基本用法

<script> let sym = Symbol(); //符号要用symbol()初始化 console.log(typeof sym); //因为是原始值，所以会返回symbol() let genericSymbol = Symbol(); let otherGenericSymbol(); console.log(genericSymbol == otherGenericSymbol); //符号实例是唯一的、不可变的 let fooSymbol = Symbol('foo'); let otherFooSymbol = Symbol('foo'); //可以传入一个字符串参数作为符号的描述 console.log(fooSymbol == otherFooSymbol); //false </script>

• 不能与new关键字一起作为构造函数使用，否则会报错

<script> let mySymbol = new Symbol(); //TypeError: Symbol is not a constructor </script>

• 全局符号注册表

1.目的：创建并重用符号
2.Symbol.for()以一个字符串作为键，第一次调用时生成一个新符号实例并添加到注册表中，以后使用同样的字符串调用时会先检查注册表，发现存在与字符串对应的符号时就会返回该符号实例

<script> let mySymbol = Symbol.for('my'); //创建新符号 let otherSymbol = Symbol.for('my'); //重用已有的符号 let localSymbol = Symbol('sym'); let globalSymbol = Symbol.for('sym'); console.log(localSymbol == globalSymbol); //即使符号描述相同，全局注册表中定义的符号和使用Symbol()定义的符号也并不相同 let emptyGlobalSymbol = Symbol.for(); console.log(emptyGlobalSymbol); //全局注册表中的符号必须使用字符串来创建，作为参数传给Symbol.for()的任何值都会被转换为字符串，注册表中使用的键也会被作为符号描述使用 </script>

3.Symbol.keyFor()查询全局注册表

<script> let s = Symbol.for('foo'); //创建全局符号 console.log(Symbol.keyFor(s)); //接收符号作为参数，返回该全局符号对应的字符串键 let s2 = Symbol('bar'); //普通符号 console.log(Symbol.keyFor(s2)); //不是全局符号，返回undefined Symbol.keyFor(123); //如果参数不是符号，会抛出错误 </script>

4.使用符号作为属性
（1）创建属性的方法：
对象字面量（只能在计算属性语法中使用符号作为属性）、Object.defineProperty()、
Object.defineProperties()

<script> let s1 = Symbol('foo'); let s2 = Symbol('bar'); let s3 = Symbol('baz'); let s4 = Symbol('qux'); let o = { [s1]:'foo val' }; //等价写法：o[s1] = 'foo val'; console.log(o); //{Symbol(foo): 'foo val'} Object.defineProperty(o,s2,{value:'bar val'}); console.log(o); //{Symbol(foo): 'foo val', Symbol(bar): 'bar val'} Object.defineProperties(o,{ [s3]:{value:'baz val'}, [s4]:{value:'qux val'} }); console.log(o); //{Symbol(foo): 'foo val', Symbol(bar): 'bar val', Symbol(baz): 'baz val', Symbol(qux): 'qux val'} </script>

（2）返回属性的方法：
Object.getOwnPropertyNames()返回常规属性数组，
Object.getOwnPropertySymbols()返回符号属性数组，
Object.getOwnPropertyDescriptiors()返回同时包含常规属性和符号属性描述符的对象，
Reflect.ownKeys()返回常规属性和符号属性的键

<script> let s1 = Symbol('foo'), s2 = Symbol('bar'); let o = { [s1]:'foo val', [s2]:'bar val', baz:'baz val', qux:'qux val' }; console.log(Object.getOwnPropertyNames(o)); //['baz', 'qux'] console.log(Object.getOwnPropertySymbols(o)); //[Symbol(foo), Symbol(bar)] console.log(Object.getOwnPropertyDescriptors(o)); //{baz: {…}, qux: {…}, Symbol(foo): {…}, Symbol(bar): {…}} console.log(Reflect.ownKeys(o)); //['baz', 'qux', Symbol(foo), Symbol(bar)] </script>

（3）直接创建并用作对象属性的符号不会丢失（符号属性是对内存中符号的一个引用），但如果没有显式地保存对这些符号属性的引用，就必须遍历对象的所有符号属性才能找到相应的属性键：

<script> let o = { [Symbol('foo')]:'foo val', [Symbol('bar')]:'bar val' }; console.log(o); //{Symbol(foo): 'foo val', Symbol(bar): 'bar val'} let barSymbol = Object.getOwnPropertySymbols(o).find((symbol)=>symbol.toString().match(/bar/)); console.log(barSymbol); //Symbol(bar) </script>

• 内置符号
  （1）ES6引入了一组常用的内置符号（well-known symbol），这些内置符号以Symbol工厂函数字符串属性的形式存在，它们暴露了语言的内部行为，这些行为可以直接被我们访问、模拟、重写，典型例子：for-of循环会在对象上使用Symbol.iterator属性，我们可以重新定义它的值来改变for-of迭代对象时的行为
  （2）所有内置符号属性都是不可写、不可枚举、不可配置的
  （3）内置符号其实就是全局函数Symbol()的普通字符串属性，指向一个符号的实例
  （4）引用符号在ECMAScript规范中的名称时，前缀为"@@"，如：@@iterator就是指Symbol.iterator
  （具体的常用符号如下，由于现阶段整体框架有待形成，所以这些以后再来展开）
  Symbol.asyncIterator
Symbol.hasInstance
Symbol.isConcatSpreadable
Symbol.iterator
Symbol.match
Symbol.replace
Symbol.search
Symbol.species
Symbol.split
Symbol.toPrimitive
Symbol.toStringTag
Symbol.unscopables

Object类型

• 对象不过就是一组数据和功能的集合
• ECMAScript中的Object是派生其他对象的基类，类似于Java中的java.lang.Object
• 创建对象一般通过new操作符后跟要创建对象的名称，通过Object对象的实例可以创建自定义对象

<script> let o = Object(); let o1 = Object; //不给构造函数传递参数时可以省略括号，但不推荐这样写 </script>

• Object的属性和方法
  注：Object的所有属性和方法在其派生的对象上同样存在
  （1）constructor：创建当前对象的函数

<script> let o = Object(); alert(o.constructor); </script>

（2）hasOwnProperty(propertyName)：判断实例上是否存在给定的属性，接受的参数为字符串或符号

<script> let o = Object(); alert(o.hasOwnProperty('constructor')); </script>

（3）isPrototypeOf(object)：判断当前对象是否为另一个对象的原型

<script> function Person(){}; Person.prototype = { name:"zhang", sex:"mail", sayHello:function(){ console.log("Hello World!"); } } let p1 = new Person(); alert(Person.prototype.isPrototypeOf(p1)); </script>

（4）propertyIsEnumerable(propertyName)：判断给定的属性是否可以使用for-in语句枚举，接收的参数为字符串

<script> function Person(){}; Person.prototype = { name:"zhang", sex:"mail", sayHello:function(){ console.log("Hello World!"); } } let p1 = new Person(); alert(p1.propertyIsEnumerable("name")); </script>

（5）toLocaleString()：返回对象的字符串表示，该字符串反映对象所在的本地化执行环境

<script> let o = Object(); alert(o.toLocaleString()); </script>

（6）toString()：返回对象的字符串表示

<script> let o = Object(); alert(o.toString()); </script>

（7）valueOf()：返回对象的数值、布尔值或字符串表示

<script> let o = Object(); alert(o.valueOf()); </script>

注：宿主对象，如DOM对象或BOM对象并不受ECMAScript-262标准的约束，所以它们有可能不会继承Object