主要知识点:创建符号值、使用符号值、共享符号值、符号值转换。检索符号值属性以及知名符号
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); //true
Symbol.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
共同学习,写下你的评论
评论加载中...
作者其他优质文章