深入解析ES6 Symbol数据类型：特性、应用与内置属性

Symbol数据类型

在JavaScript语言中，ES6标准发布之前，语言层面仅包含6种基本数据类型。

ES6标准新增提出了Symbol数据类型，这使得Symbol成为JavaScript的第七种数据类型。它主要用于表示独一无二的值，其表现形式类似于字符串，但具有更严格的唯一性约束。

引入Symbol的主要目的是防止属性名发生冲突，从而确保对象中的每一个属性名都是绝对唯一的，避免不同代码模块间因命名相同而相互覆盖。

let s1 = Symbol('foo');
let s2 = Symbol('foo');

s1 === s2 // false

Symbol函数可以接收一个可选的字符串参数，用于描述当前Symbol实例的含义。需要注意的是，即使两个Symbol实例拥有相同的描述字符串，它们依然是不相等的，这保证了其唯一性。

symbol出现的原因

在ES5中，所有对象属性名均为字符串，这极易导致属性名冲突。例如，在使用他人提供的对象并尝试通过mixin模式添加新方法时，新方法的名字可能与现有方法重名。若存在一种机制能确保每个属性名独一无二，即可从根本上避免此类冲突，这正是ES6引入Symbol的核心原因。

Symbol特点

• Symbol的值具有唯一性，这一特性专门用于解决命名冲突问题。
• Symbol类型的值不能直接与其他数据类型进行数学运算，否则会导致错误。
• 通过Symbol定义的对象属性无法使用for...in循环进行遍历，但可以通过Reflect.ownKeys()方法获取对象的所有键名。
• 在Symbol函数前使用new命令会抛出错误，因为Symbol生成的是原始类型的值而非对象实例。这意味着Symbol值不具备对象特征，无法添加属性，本质上它是一种类似于字符串的原始数据类型。

//创建Symbol
let s= Symbol();
console.log(s, typeof s);


// 试试创建2个symbol相同
let s2 = Symbol(' 辣鸡rb');
let s3 = Symbol(' 辣鸡rb');
console.log(s2 === s3); //false


//用Symbol.for创建一样的symbol
let s4 = Symbol.for('辣鸡rb');
let s5 = Symbol.for('辣鸡rb');
console.log(s4 === s5); //true


//不能与其他数据进行运算
let result = s + 100;//报错，

文章结尾回顾一下js的数据类型

引用尚硅谷的一个记忆口诀

// USONB =>you are so .niubility 你是如此牛逼

// u=>undefined

// s=>string symbol

// 0=>object

// n=>null number

// b=>boolean

思考一下，决定再写点，

symbol的应用

在rb对象中添加up和down方法

方法1

let rb = {
    name: '日本战犯',
    age: 500,
};
// 用symbol处理
// 声明对象，里面包含两个方法，方法用symbol()写
let methods = {
    up: Symbol(),
    down: Symbol()
};
// 把方法加进去
rb[methods.up] = function () {
    console.log('原谅说的是人');
};
rb[methods.down] = function () {
    console.log('畜生没脸让中华儿女原谅它');
};
console.log(rb);

方法2

在rb对象中添加sb和dsb方法

let rb = {
    name: '日本战犯',
    age: 500,
    [Symbol('sb')]: function () {
        console.log('我喜欢日本动画');
    },
     [Symbol('dsb')]: function () {
         console.log('但不妨碍我恨他们在华夏大地犯的罪');
     },
};

console.log(rb);

Symbol内置的属性值

• Symbol.hasInstance：当其他对象使用instanceof运算符进行类型检查时，会调用该属性指向的内部方法。
• Symbol.isConcatSpreadable
• Symbol.species
• Symbol.match
• Symbol.replace
• Symbol.search
• Symbol.split
• Symbol.iterator
• Symbol.toPrimitive
• Symbol.toStringTag
• Symbol.unscopables

总结

到此这篇关于ES6中symbol数据类型的文章就介绍到这了,更多相关ES6的symbol数据类型内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！