主要知识点:创建符号值、使用符号值、共享符号值、符号值转换。检索符号值属性以及知名符号
1. Symbol基础
1.1 创建符号值
在 JS 已有的基本类型(字符串、数值、布尔类型、 null 与 undefined ) 之外, ES6 引入了一种新的基本类型:符号(Symbol ) 。 符号起初被设计用于创建对象私有成员,而这也是 JS 开发者期待已久的特性。在符号诞生之前,将字符串作为属性名称导致属性可以被轻易访问,无论命名规则如何。而“私有名称”意味着开发者可以创建非字符串类型的属性名称,由此可以防止使用常规手段来探查这些名称。
创建符号值
let firstName = Symbol('first Name');let person = {};
person[firstName] = 'hello world';console.log(person[firstName]); //hello worldconsole.log(firstName); //Symbol(first Name)此代码创建了一个符号类型的 firstName 变量,并将它作为 person 对象的一个属性,而每次访问该属性都要使用这个符号值。Symbol 函数还可以接受一个额外的参数用于描述符号值,该描述并不能用来访问对应属性,但它能用于调试。符号的描述信息被存储在内部属性 [[Description]] 中,当符号的 toString()方法被显式
或隐式调用时,该属性都会被读取。在本例中, console.log() 隐式调用了 firstName 变量的 toString() 方法,于是描述信息就被输出到日志。此外没有任何办法可以从代码中直接访问 [[Description]] 属性。
1.2 使用符号值
可以在任意使用 需计算属性名 的场合中使用符号值,比如在对象字面量中可以使用符号值来作为对象属性,另外还可以在Object.defineProperty()方法或Object.defineProperties()方法中使用。
1.3 共享符号值
如果想在不同的代码中共享同一个符号值的话,应使用 Symbol.for() 方法而不是 Symbol() 方法。 Symbol.for()方法仅接受单个字符串类型的参数,作为目标符号值的标识符,同时此参数也会成为该符号的描述信息。
//共享符号值let uid = Symbol.for('uid');let person = {};
person[uid] = 'hello';let id = Symbol.for('uid');let car = {};
car[id] = '88888888';console.log(uid===id); //trueSymbol.for() 方法首先会搜索全局符号注册表,看是否存在一个键值为 "uid" 的符号值。
若是,该方法会返回这个已存在的符号值;否则,会创建一个新的符号值,并使用该键值将
其记录到全局符号注册表中,然后返回这个新的符号值。这就意味着此后使用同一个键值去调用 Symbol.for()方法都将会返回同一个符号值。
还可以使用 Symbol.keyFor() 方法在全局符号注册表中根据符号值检索出对应的键值:
console.log(Symbol.keyFor(uid)); //uidconsole.log(Symbol.keyFor(id)); //uid
1.4 符号值的转换
类型转换是 JS 语言重要的一部分,能够非常灵活地将一种数据类型转换为另一种。然而符号类型在进行转换时非常不灵活,因为其他类型缺乏与符号值的合理等价,尤其是符号值无法被转换为字符串值或数值,在逻辑运算符中会被认为等价于 true。
例如,可使用String()方法获取符号值的描述信息,但是如果使用符号值在字符串中拼接,则会报错:
console.log(String(uid));//Symbol(uid)console.log(uid+""); //Uncaught TypeError: Cannot convert a Symbol value to a string
1.5 检索符号属性
Object.keys() 与 Object.getOwnPropertyNames()方法可以检索对象的所有属性名称,前者
返回所有的可枚举属性名称,而后者则返回所有属性名称,无论是否可以可枚举,然而两者都不能返回符号类型的属性。因此,在ES6中新增了Object.getOwnPropertySymbols() 方法,以便让你可以检索对象的符号类型属性。
let uid = Symbol.for('uid');let person = {};
person[uid] = 'hello';let symbols = Object.getOwnPropertySymbols(person);console.log(symbols.length); //1console.log(symbols[0]); //Symbol(uid)2. 知名符号
ES6 定义了“知名符号”来代表 JS 中一些公共行为,而这些行为此前被认为只能是内部操作,但在ES6中使用了知名符号来暴露了内部方法,提供了更加方便的调用这种公用方法的一种方式。每一个知名符号都对应全局 Symbol 对象的一个属性,例如 Symbol.create。
知名符号有:
Symbol.hasInstance :供 instanceof 运算符使用的一个方法,用于判断对象继承关系;
Symbol.isConcatSpreadable :一个布尔类型值,在集合对象作为参数传递给
Array.prototype.concat() 方法时,指示是否要将该集合的元素扁平化;Symbol.iterator :返回迭代器的一个方法;
Symbol.match :供 String.prototype.match() 函数使用的一个方法,用于比较字符串;
Symbol.replace :供 String.prototype.replace() 函数使用的一个方法,用于替换子字符串;
Symbol.search :供 String.prototype.search() 函数使用的一个方法,用于定位子字符;
Symbol.species :用于产生派生对象的构造器;
Symbol.split :供 String.prototype.split() 函数使用的一个方法,用于分割字符串;
Symbol.toPrimitive :返回对象所对应的基本类型值的一个方法;
Symbol.toStringTag :供 String.prototype.toString() 函数使用的一个方法,用于创建对象的描述信息;
Symbol.unscopables :一个对象,该对象的属性指示了哪些属性名不允许被包含在with 语句中;
2.1 Symbol.hasInstance属性
每个函数都具有一个 Symbol.hasInstance 属性,用于判断指定对象是否为本函数的一个实例。这个方法定义在 Function.prototype 上,因此所有函数都继承了面对 instanceof 运算符时的默认行为。 Symbol.hasInstance 属性自身是不可写入、不可配置、不可枚举的,从而保证它不会被错误地重写。
Symbol.hasInstance 方法只接受单个参数,即需要检测的值。如果该值是本函数的一个实例,则方法会返回 true
obj instanceof Array//等价于Array[Symbol.hasInstance](obj)
2.2 Symbol.isConcatSpreadable属性
Symbol.isConcatSpreadable属性是一个布尔类型的属性,它表示拥有长度length属性与数值类型的键的类数组的对象,在调用 concat() 方法时,会将数值键对应的值分离为单独项,添加在数组的后部,完成数组拼接。
它只出现在特定类型的对象上,用来标示该对象在作为concat() 参数时应如何工作,从而有效改变该对象的默认行为。你可以用它来定义任意类型的对象,让该对象在参与 concat() 调用时能够表现得像数组一样。
//Symbol.isConcatSpreadable属性let collection = { 0:'hello', 1:'world', length:2,
[Symbol.isConcatSpreadable]:true}let arr = ['es6'].concat(collection);console.log(arr); //["es6", "hello", "world"]2.3 Symbol.match 、 Symbol.replace 、 Symbol.search与Symbol.split
在 JS 中,字符串与正则表达式有着密切的联系,尤其是字符串具有几个可以接受正则表达式作为参数的方法:
match(regex) :判断指定字符串是否与一个正则表达式相匹配;
replace(regex, replacement) :对正则表达式的匹配结果进行替换;
search(regex) :在字符串内对正则表达式的匹配结果进行定位;
split(regex) :使用正则表达式将字符串分割为数组
ES6 定义了 4 个符号以及对应的方法,可以将正则表达式作为字符串对应方法的第一个参数传入, Symbol.match 对应 match() 方法, Symbol.replace 对应 replace() ,Symbol.search对应 search(), Symbol.split 则对应 split() 。这些符号属性被定义在 RegExp.prototype上作为默认实现,以供对应的字符串方法使用。
2.4 Symbol.toPrimitive
JS 经常在使用特定运算符的时候试图进行隐式转换,以便将对象转换为基本类型值。例如,当你使用相等(== ) 运算符来对字符串与对象进行比较的时候,该对象会在比较之前被转换为一个基本类型值。到底转换为什么基本类型值,在此前属于内部操作,而 ES6 则通过Symbol.toPrimitive 属性将其暴露出来,以便让对应方法可以被修改。
function Temperature(degrees) { this.degrees = degrees;
}
Temperature.prototype[Symbol.toPrimitive] = function(hint) { switch (hint) { case "string": return this.degrees + "\u00b0"; // 温度符号
case "number": return this.degrees; case "default": return this.degrees + " degrees";
}
};let freezing = new Temperature(32);console.log(freezing + "!"); // "32 degrees!"console.log(freezing / 2); // 16console.log(String(freezing)); // "32°"这段脚本定义了一个 Temperature 构造器,并重写了其原型上的Symbol.toPrimitive 方法。返回值会依据方法的提示性参数而有所不同,可以使用字符串模式、数值模式或是默认模式,而该提示性参数会在调用时由 JS 引擎自动填写。字符串模式中, Temperature 函数返回的温度会附带着 Unicode 温度符号;数值模式只会返回温度数值;而默认模式中,返回的温度会附带着字符串 "degrees" 。
2.5 Symbol.toStringTag
ES6 通过 Symbol.toStringTag 重定义了相关行为,该符号代表了所有对象的一个属性,定义了 Object.prototype.toString.call() 被调用时应当返回什么值。对于数组来说,在Symbol.toStringTag 属性中存储了 "Array" 值,于是该函数的返回值也就是 "Array" 。
function Person(name){ this.name = name;
}
Person.prototype[Symbol.toStringTag] = 'person';let person = new Person('hello world');console.log(person.toString()); //[object person]2.6 Symbol.unscopables
Symbol.unscopables 符号在 Array.prototype 上使用,以指定哪些属性不允许在 with 语句内被绑定。 Symbol.unscopables 属性是一个对象,当提供该属性时,它的键就是用于忽略with 语句绑定的标识符,键值为 true 代表屏蔽绑定。以下是数组的 Symbol.unscopables属性的默认值:
// 默认内置在 ES6 中Array.prototype[Symbol.unscopables] = Object.assign(Object.create(null), { copyWithin: true, entries: true, fill: true, find: true, findIndex: true, keys: true, values: true});3. 总结
虽然符号类型的属性不是真正的私有属性,但它们难以被无意修改,因此在需要提供保护以防止开发者改动的场合中,它们非常合适;
为符号提供描述信息以便更容易地辨识它们的值。当需要在不同代码片段中共享符号,可以是用S
ymbol.for()在全局符号注册表中共享符号;Object.keys()或Object.getOwnPropertyNames()不会返回符号值,因此 ES6 新增了一个Object.getOwnPropertySymbols()方法,允许检索符号类型的对象属性。同时依然可以使用Object.defineProperty()与Object.defineProperties()方法对符号类型的属性进行修改;“知名符号”使用了全局符号常量(例如
Symbol.hasInstance) ,为常规对象定义了一些功能,而这些功能原先仅限内部使用。这些符号按规范使用Symbol.的前缀,允许开发者通过多种方式去修改常规对象的行为。
作者:你听___
链接:https://www.jianshu.com/p/ae32293318dc