前言：

ES5中对象的属性名都是字符串，容易造成重名，污染环境

一、什么是 Symbol？

Symbol 是 ES6 中引入的一种新的基本数据类型，用于表示一个独一无二的值。它是JavaScript中的第七种数据类型，与undefined、null、Number（数值）、String（字符串）、Boolean（布尔值）、Object（对象）并列。

二、Symbol 的特点

Symbol属性对应的值是唯一的，解决命名冲突问题

let symbol = Symbol("one")
let symbol1 = Symbol("one")
console.log(symbol)
// 结果：Symbol("one")

Symbol值不能与其他数据进行计算，包括同字符串拼串

let a = Symbol()
let b = a+1
console.log(b)
// 结果：报错

for in, for of遍历时不会遍历symbol属性。

let symbol = Symbol();
let obj = {};
obj[symbol] = 'hello';for(var i in obj){console.log(obj[i])
}
// 结果：报错

三、Symbol 的使用

调用Symbol函数得到symbol值

let symbol = Symbol();
let obj = {};
obj[symbol] = 'hello';for(var i in obj){console.log(obj[i])
}
// 结果：报错

传参标识

let symbol = Symbol('one');
let symbol2 = Symbol('two');
console.log(symbol);// Symbol('one')
console.log(symbol2);// Symbol('two')

内置Symbol值

除了定义自己使用的Symbol值以外，ES6还提供了11个内置的Symbol值，指向语言内部使用的方法。

Symbol.iterator

对象的Symbol.iterator属性，指向该对象的默认遍历器方法(后边讲)

symbol != symbol symbol是唯一的

let one = Symbol("one")
let two = Symbol("one")console.log(one == two)
// 结果：false

创建symbol的属性值

let symbol = Symbol()let obj = {name:"张三疯",age:18}

fon in for of 不会遍历symbol

obj[symbol] = "123"
console.log(obj)
for(var v in obj){console.log(obj[v])
}
// 结果：报错

symbol 值不能与其他类型的值进行运算

let obj = {toString(){return "123"}
}
let a = Symbol(obj)
console.log(a+'1234')
// 结果：报错

Symbol 值可以显式转为字符串。

let obj = {toString(){return "123"}
}
let a = Symbol(obj)console.log(String(a))
// Symbol(123)
console.log(a == String(a))
// false

总结：

以上就是 ES6中新增的 Symbol 的详解与用法，不懂得也可以在评论区里问我或私聊我询问，以后会持续发布一些新的功能，敬请关注。
我的其他文章：https://blog.csdn.net/weixin_62897746?type=blog

Symbol 详解与用法相关推荐

最全ES6详解及用法
最全ES6详解及用法前言 babel babel使用方法变量的定义 let.const this 和作用域 do 顶层对象 global对象 import class JS中的原型原型语言 pr ...
OpenCV Mat类详解和用法（官网原文）
参考文章:OpenCV Mat类详解和用法我马克一下,日后更官网原文链接:https://docs.opencv.org/3.2.0/d6/d6d/tutorial_mat_the_basic_i ...
windows下创建进程，CreateProcess()详解及用法
windows下想要创建一个子进程不如linux的fork函数来得方便,通过CreateProcess函数创建一个新的进程,函数的定义如下 [cpp] view plain copy BOOL Cr ...
OpenCV Mat类详解和用法
OpenCV Mat类详解和用法我们有多种方法可以获得从现实世界的数字图像:数码相机.扫描仪.计算机体层摄影或磁共振成像就是其中的几种.在每种情况下我们(人类)看到了什么是图像.但是,转换图像到我们 ...
【ADB 操作命令详解及用法大全（非常全）】
ADB操作命令详解及用法大全一.ADB是什么? ADB,即 Android Debug Bridge 是一种允许模拟器或已连接的 Android 设备进行通信的命令行工具,它可为各种设备操作提供 ...
spring注解详解与用法（总览）
这篇文章收集了我写的所有的spring注解的详细说明与用法,点击可以跳转到对应文章,此文章会不断更新 spring注解详解与用法(1)最基础也是最常见的如下所示,详情点击这里 @Controller/ ...
chatgpt赋能python：Python取ln函数详解：用法及常见问题解答
Python取ln函数详解:用法及常见问题解答 Python取ln函数是一种非常常用的数学函数,它可以帮助开发者在计算中处理数据的自然指数对数.本篇文章将会介绍Python中取ln函数的基础知识,让您 ...
【C语言】结构体定义 typedef struct 用法详解和用法小结
结构体定义 typedef struct 用法详解和用法小结文章目录结构体定义 typedef struct 用法详解和用法小结 0. 前言 1. 首先:在C中定义一个结构体类型要用typedef ...
Object.keys（）的详解和用法
Object.keys()的详解和用法在实际开发中,我们有时需要知道对象的所有属性; ES5 引入了Object.keys方法,成员是参数对象自身的(不含继承的)所有可遍历( enumerable ...

Symbol 详解与用法

目录

前言：

一、什么是 Symbol？

二、Symbol 的特点

三、Symbol 的使用

总结：

Symbol 详解与用法相关推荐

最新文章

热门文章