最新要闻

广告

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

 警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

  1. 首页
  2. 移动通信
  3. 内容

记录-Symbol学习笔记|环球速看

来源：博客园

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助

Symbol是JavaScript中的原始数据类型之一，它表示一个唯一的、不可变的值，通常用作对象属性的键值。由于Symbol值是唯一的，因此可以防止对象属性被意外地覆盖或修改。以下是Symbol的方法和属性整理：

属性

Symbol.length

Symbol构造函数的length属性值为0。

示例代码：


(相关资料图)

console.log(Symbol.length); // 0

方法

Symbol.for()

Symbol.for()方法会根据给定的字符串key，返回一个已经存在的symbol值。如果不存在，则会创建一个新的Symbol值并将其注册到全局Symbol注册表中。

示例代码：

const symbol1 = Symbol.for("foo");const symbol2 = Symbol.for("foo");console.log(symbol1 === symbol2); // true

使用场景： 当我们需要使用一个全局唯一的Symbol值时，可以使用Symbol.for()方法来获取或创建该值。例如，在多个模块之间共享某个Symbol值时，我们可以使用Symbol.for()来确保获取到的Symbol值是唯一的。

Symbol.keyFor()

Symbol.keyFor()方法会返回一个已经存在的Symbol值的key。如果给定的Symbol值不存在于全局Symbol注册表中，则返回undefined。

示例代码：

const symbol1 = Symbol.for("foo");const key1 = Symbol.keyFor(symbol1);const symbol2 = Symbol("bar");const key2 = Symbol.keyFor(symbol2);console.log(key1); // "foo"console.log(key2); // undefined

使用场景： 当我们需要获取一个全局唯一的Symbol值的key时，可以使用Symbol.keyFor()方法。但需要注意的是，只有在该Symbol值被注册到全局Symbol注册表中时，才能使用Symbol.keyFor()方法获取到其key。

Symbol()

Symbol()函数会返回一个新的、唯一的Symbol值。可以使用可选参数description来为Symbol值添加一个描述信息。

示例代码：

const symbol1 = Symbol("foo");const symbol2 = Symbol("foo");console.log(symbol1 === symbol2); // false

使用场景： 当我们需要使用一个唯一的Symbol值时，可以使用Symbol()函数来创建该值。通常情况下，我们会将Symbol值用作对象属性的键值，以确保该属性不会被意外地覆盖或修改。

Symbol.prototype.toString()

Symbol.prototype.toString()方法会返回Symbol值的字符串表示形式，该表示形式包含Symbol()函数创建时指定的描述信息。

示例代码：

const symbol = Symbol("foo");console.log(symbol.toString()); // "Symbol(foo)"

使用场景： 当我们需要将一个Symbol值转换成字符串时，可以使用Symbol.prototype.toString()方法。

Symbol.prototype.valueOf()

Symbol.prototype.valueOf()方法会返回Symbol值本身。

示例代码：

const symbol = Symbol("foo");console.log(symbol.valueOf()); // Symbol(foo)

使用场景： 当我们需要获取一个Symbol值本身时，可以使用Symbol.prototype.valueOf()方法。

Symbol.iterator

Symbol.iterator是一个预定义好的Symbol值，表示对象的默认迭代器方法。该方法返回一个迭代器对象，可以用于遍历该对象的所有可遍历属性。

示例代码：

const obj = { a: 1, b: 2 };for (const key of Object.keys(obj)) {  console.log(key);}// Output:// "a"// "b"for (const key of Object.getOwnPropertyNames(obj)) {  console.log(key);}// Output:// "a"// "b"for (const key of Object.getOwnPropertySymbols(obj)) {  console.log(key);}// Output: // No outputobj[Symbol.iterator] = function* () {  for (const key of Object.keys(this)) {    yield key;  }}for (const key of obj) {  console.log(key);}// Output:// "a"// "b"

使用场景： 当我们需要自定义一个对象的迭代行为时，可以通过定义Symbol.iterator属性来实现。例如，对于自定义的数据结构，我们可以定义它的Symbol.iterator方法以便能够使用for...of语句进行遍历。

Symbol.hasInstance

Symbol.hasInstance是一个预定义好的Symbol值，用于定义对象的 instanceof 操作符行为。当一个对象的原型链中存在Symbol.hasInstance方法时，该对象可以被instanceof运算符使用。

示例代码：

class Foo {  static [Symbol.hasInstance](obj) {    return obj instanceof Array;  }}console.log([] instanceof Foo); // trueconsole.log({} instanceof Foo); // false

使用场景： 当我们需要自定义一个对象的 instanceof 行为时，可以通过定义Symbol.hasInstance方法来实现。

Symbol.isConcatSpreadable

Symbol.isConcatSpreadable是一个预定义好的Symbol值，用于定义对象在使用concat()方法时的展开行为。如果一个对象的Symbol.isConcatSpreadable属性为false，则在调用concat()方法时，该对象不会被展开。

示例代码：

const arr1 = [1, 2];const arr2 = [3, 4];const obj = { length: 2, 0: 5, 1: 6, [Symbol.isConcatSpreadable]: false };console.log(arr1.concat(arr2)); // [1, 2, 3, 4]console.log(arr1.concat(obj)); // [1, 2, { length: 2, 0: 5, 1: 6, [Symbol(Symbol.isConcatSpreadable)]: false }]

使用场景： 当我们需要自定义一个对象在使用concat()方法时的展开行为时，可以通过定义Symbol.isConcatSpreadable属性来实现。

Symbol.toPrimitive

Symbol.toPrimitive是一个预定义好的Symbol值，用于定义对象在被强制类型转换时的行为。如果一个对象定义了Symbol.toPrimitive方法，则在将该对象转换为原始值时，会调用该方法。

示例代码：

const obj = {  valueOf() {    return 1;  },  [Symbol.toPrimitive](hint) {    if (hint === "number") {      return 2;    } else if (hint === "string") {      return "foo";    } else {      return "default";    }  }};console.log(+obj); // 2console.log(`${obj}`); // "foo"console.log(obj + ""); // "default"

使用场景： 当我们需要自定义一个对象在被强制类型转换时的行为时，可以通过定义Symbol.toPrimitive方法来实现。

Symbol.toStringTag

Symbol.toStringTag是一个预定义好的Symbol值，用于定义对象在调用Object.prototype.toString()方法时返回的字符串。如果一个对象定义了Symbol.toStringTag属性，则在调用该对象的toString()方法时，会返回该属性对应的字符串。

示例代码：

class Foo {  get [Symbol.toStringTag]() {    return "Bar";  }}console.log(Object.prototype.toString.call(new Foo())); // "[object Bar]"

使用场景： 当我们需要自定义一个对象在调用Object.prototype.toString()方法时返回的字符串时，可以通过定义Symbol.toStringTag属性来实现。

Symbol.species

Symbol.species是一个预定义好的Symbol值，用于定义派生对象的构造函数。如果一个对象定义了Symbol.species属性，则在调用该对象的派生方法（如Array.prototype.map()）时，返回的新对象会使用该属性指定的构造函数。

示例代码：

class MyArray extends Array {  static get [Symbol.species]() {    return Array;  }}const myArr = new MyArray(1, 2, 3);const arr = myArr.map(x => x * 2);console.log(arr instanceof MyArray); // falseconsole.log(arr instanceof Array); // true

使用场景： 当我们需要自定义一个派生对象的构造函数时，可以通过定义Symbol.species属性来实现。

Symbol.match

Symbol.match是一个预定义好的Symbol值，用于定义对象在调用String.prototype.match()方法时的行为。如果一个对象定义了Symbol.match方法，则在调用该对象的match()方法时，会调用该方法进行匹配。

示例代码：

class Foo {  [Symbol.match](str) {    return str.indexOf("foo") !== -1;  }}console.log("foobar".match(new Foo())); // trueconsole.log("barbaz".match(new Foo())); // false

使用场景： 当我们需要自定义一个对象在调用String.prototype.match()方法时的行为时，可以通过定义Symbol.match方法来实现。

Symbol.replace

Symbol.replace是一个预定义好的Symbol值，用于定义对象在调用String.prototype.replace()方法时的行为。如果一个对象定义了Symbol.replace方法，则在调用该对象的replace()方法时，会调用该方法进行替换。

示例代码：

class Foo {  [Symbol.replace](str, replacement) {    return str.replace("foo", replacement);  }}console.log("foobar".replace(new Foo(), "baz")); // "bazbar"console.log("barbaz".replace(new Foo(), "baz")); // "barbaz"

使用场景： 当我们需要自定义一个对象在调用String.prototype.replace()方法时的行为时，可以通过定义Symbol.replace方法来实现。

Symbol.search

Symbol.search是一个预定义好的Symbol值，用于定义对象在调用String.prototype.search()方法时的行为。如果一个对象定义了Symbol.search

class Foo {  [Symbol.search](str) {    return str.indexOf("foo");  }}console.log("foobar".search(new Foo())); // 0console.log("barbaz".search(new Foo())); // -1

使用场景： 当我们需要自定义一个对象在调用String.prototype.search()方法时的行为时，可以通过定义Symbol.search方法来实现。

Symbol.split

Symbol.split是一个预定义好的Symbol值，用于定义对象在调用String.prototype.split()方法时的行为。如果一个对象定义了Symbol.split方法，则在调用该对象的split()方法时，会调用该方法进行分割。

示例代码：

class Foo {  [Symbol.split](str) {    return str.split(" ");  }}console.log("foo bar baz".split(new Foo())); // ["foo", "bar", "baz"]console.log("foobarbaz".split(new Foo())); // ["foobarbaz"]

使用场景： 当我们需要自定义一个对象在调用String.prototype.split()方法时的行为时，可以通过定义Symbol.split方法来实现。

Symbol.iterator

Symbol.iterator是一个预定义好的Symbol值，用于定义对象在被遍历时的行为。如果一个对象定义了Symbol.iterator方法，则可以使用for...of循环、扩展运算符等方式来遍历该对象。

示例代码：

class Foo {  constructor() {    this.items = ["foo", "bar", "baz"];  }  *[Symbol.iterator]() {    for (const item of this.items) {      yield item;    }  }}const foo = new Foo();for (const item of foo) {  console.log(item);}// "foo"// "bar"// "baz"

使用场景： 当我们需要自定义一个对象在被遍历时的行为时，可以通过定义Symbol.iterator方法来实现。比如，我们可以通过实现Symbol.iterator方法来支持自定义数据结构的遍历。

Symbol.toPrimitive

Symbol.toPrimitive是一个预定义好的Symbol值，用于定义对象在被强制类型转换时的行为。如果一个对象定义了Symbol.toPrimitive方法，则可以通过调用该方法来进行强制类型转换。

示例代码：

const obj = {  valueOf() {    return 1;  },  [Symbol.toPrimitive](hint) {    if (hint === "default") {      return "default";    } else if (hint === "number") {      return 2;    } else {      return "foo";    }  }};console.log(+obj); // 2console.log(`${obj}`); // "foo"console.log(obj + ""); // "default"

使用场景： 当我们需要自定义一个对象在被强制类型转换时的行为时，可以通过定义Symbol.toPrimitive方法来实现。

Symbol.toStringTag

Symbol.toStringTag是一个预定义好的Symbol值，用于定义对象在调用Object.prototype.toString()方法时返回的字符串。如果一个对象定义了Symbol.toStringTag属性，则在调用该对象的toString()方法时，会返回该属性对应的字符串。

示例代码：

class Foo {  get [Symbol.toStringTag]() {    return "Bar";  }}console.log(Object.prototype.toString.call(new Foo())); // "[object Bar]"

使用场景： 当我们需要自定义一个对象在调用Object.prototype.toString()方法时返回的字符串时，可以通过定义Symbol.toStringTag属性来实现。这样做有助于我们更清晰地表示对象的类型。

Symbol.unscopables

Symbol.unscopables是一个预定义好的Symbol值，用于定义对象在使用with语句时的行为。如果一个对象定义了Symbol.unscopables属性，则在使用with语句时，该对象的指定属性将不会被绑定到with语句的环境中。

示例代码：

const obj = {  a: 1,  b: 2,  c: 3,  [Symbol.unscopables]: {    c: true  }};with (obj) {  console.log(a); // 1  console.log(b); // 2  console.log(c); // ReferenceError: c is not defined}

使用场景： 由于with语句会带来一些安全性问题和性能问题，因此在实际开发中不建议使用。但是，如果确实需要使用with语句，可以通过定义Symbol.unscopables属性来避免某些属性被误绑定到with语句的环境中。

Symbol.hasInstance

Symbol.hasInstance是一个预定义好的Symbol值，用于定义对象在调用instanceof运算符时的行为。如果一个对象定义了Symbol.hasInstance方法，则在调用该对象的instanceof运算符时，会调用该方法来判断目标对象是否为该对象的实例。

示例代码：

class Foo {  static [Symbol.hasInstance](obj) {    return Array.isArray(obj);  }}console.log([] instanceof Foo); // trueconsole.log({} instanceof Foo); // false

使用场景： 当我们需要自定义一个对象在调用instanceof运算符时的行为时，可以通过定义Symbol.hasInstance方法来实现。比如，我们可以通过实现Symbol.hasInstance方法来支持自定义数据类型的判断。

总结

Symbol是ES6中新增的一种基本数据类型，用于表示独一无二的值。Symbol值在语言层面上解决了属性名冲突的问题，可以作为对象的属性名使用，并且不会被意外覆盖。除此之外，Symbol还具有以下特点：

  • Symbol值是唯一的，每个Symbol值都是独一无二的，即使是通过相同的描述字符串创建的Symbol值，也不会相等；
  • Symbol值可以作为对象的属性名使用，并且不会被意外覆盖；
  • Symbol值可以作为私有属性来使用，因为无法通过对象外部访问对象中的Symbol属性；
  • Symbol值可以被用作常量，因为它们是唯一的；
  • Symbol值可以用于定义迭代器、类型转换规则、私有属性、元编程等高级功能。

在使用Symbol时需要注意以下几点：

  • Symbol值不能使用new运算符创建；
  • Symbol值可以通过描述字符串来创建，但是描述字符串并不是Symbol值的唯一标识符；
  • Symbol属性在使用时需要用[]来访问，不能使用.运算符；
  • 同一对象中的多个Symbol属性是独立的，它们之间不会互相影响。

总之，Symbol是一个非常有用的数据类型，在JavaScript中具有非常广泛的应用。使用Symbol可以有效地避免属性名冲突问题，并且可以为对象提供一些高级功能。熟练掌握Symbol，有助于我们写出更加健壮、高效和可维护的JavaScript代码。

本文转载于:

https://juejin.cn/post/7226193000496463928

如果对您有所帮助，欢迎您点个关注，我会定时更新技术文档，大家一起讨论学习，一起进步。

关键词：