JavaScript的Symbol是什么？

最新推荐文章于 2024-04-12 06:19:16 发布
最新推荐文章于 2024-04-12 06:19:16 发布
阅读量920 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript 前端 symbol
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fanlehai/article/details/122043640
版权
一、Symbol 是什么？

Symbol 是 ECMAScript 2015 中新添加的特性，生成一个唯一标识符，可用于属性名称、也可用于属性值。目的是消除属性名称冲突。

二、怎么用？
1、新建 symbol

用 Symbol() 函数来创建 symbol，可用字符串作为其参数，但只能用于调试。

// 1、创建新 symbol
let sym1 = Symbol()
let sym2 = Symbol('foo')

// 2、每次调用都创建新的 symbol
Symbol('foo') === Symbol('foo')  // false

// 3、不可以用 new 创建
let sym = new Symbol()  // TypeError

// 4、需调用 toString() 才能转为 字符串
let Sym = Symbol("Sym")
alert(Sym)  // TypeError: Cannot convert a Symbol value to a string
alert(Sym.toString())  // Symbol(Sym), now it works
2、用于属性名称

symbol 用于对象的属性名称，保证其属性名的唯一性。

<!DOCTYPE html>
<html lang='zh-CN'>

<head>
    <meta charset="utf-8">
    <title>Symbol</title>
    <script>
        const MY_KEY = Symbol();
        let obj = {
     };
        obj[MY_KEY] = 123;
        console.log(obj[MY_KEY]); // 123

        let obj2 = {
     
            [
最低0.47元/天 解锁文章
Learn-anything
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript Symbol原理及使用方法解析
01-18
Symbol是ES6中新引入的一种基本数据类型，在此之前JavaScript中已有几种基本数据类型： Numberg String Boolean Null Undefined Object 不同于其他基本类型的通俗易懂，Symbol 是什么和有什么用一直有些让人困惑。 什么是Symbol JavaScript标准中规定对象的key只能是 String 或 Symbol 类型，区别在于 String 类型的key可以重复而 Symbol 类型的key是唯一的。Symbol 的本质是表示一个唯一标识。每次创建一个Symbol，它所代表的值都不可能重复，该值的内部实现可以
JS(6).Symbol详细介绍
wsz123456wsz的博客
10-30 5195
Symbol详细介绍
JS中Symbol的介绍
gghhb12的博客
09-15 3274
symbol是一种原始数据类型其余原始类型: 未定义(undefined) 、 空值(null)、布尔值（boolean）、字符串（string）、数值（number）、对象（object）symbol表示独一无二的值symbol类型的"真实值"无法获取,也就是说Symbol类型没有对应的字面量symbol类型的意义在于区分彼此和不重复,不在于真实值。
js symbol类型详解以及symbol的三大应用场景
热门推荐
darabiuz的博客
12-15 2万+
8.symbol 1.什么是symbol 什么Symbol? Symbol是ES6中新增的一种数据类型, 被划分到了基本数据类型中 基本数据类型: 字符串、数值、布尔、undefined、null、Symbol 引用数据类型: Object Symbol的作用 用来表示一个独一无二的值 格式 let xxx=Symbol(‘标识字符串’); 为什么需要Symbol? 为了避免第三方框架的同名属性被覆盖 在企业开发中如果需要对一些第三方的插件、框架进行自定义的时候 可能会因为添加了同名的属性
js中的symbol详解
yjwlike的博客
12-20 2万+
Symbol 类型 symbol的实例是唯一的不可变的, 用于确保对象的属性不重复 使用方式 : 调用 Symbol( 标识 ) 函数 返回一个符号 const a = Symbol('a'); const obj = { [a]: 1 }; console.log(obj); // {Symbol(a): 1} Symbol() 函数不可以 new 符号代表唯一的值, 但是我就想用一个符号呢 ? 通过 Symbol.for () 创建一个全局符...
详解JavaScript 为什么要有 Symbol 类型？
10-17
主要介绍了JavaScript 为什么要有 Symbol 类型，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
你知道JavaScript Symbol类型怎么用吗
10-15
主要介绍了你知道JavaScript Symbol类型怎么用吗，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
symbol-sdk-typescript-[removed]用于TypeScript和JavaScript的Symbol SDK
05-02
用于TypeScript和JavaScript的Symbol SDK 用于TypeScript / JavaScript的Symbol SDK可让您开发Web，移动和Node.js应用程序。 重要笔记 弹射器-服务器网络兼容性（catapult-server@0.10.0.8） Symbol网络预启动，...
JavaScript Symbol的用法
代码君
09-09 2580
1. Symbol是什么 Symbol是ES6 引入了一种新的原始数据类型，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 2. Symbol 语法 Symbol([description]) // description为Symbol的描述，不影响Symbol的唯一 3. Symbol的特点 独一无二，Symbol('a')和Symbol('a
Javascript七种数据类型（ES6中新增了第七种symbol）
01-08
基本（简单）数据类型： 数字、布尔值、字符串、null、undefined、Syboml 1.数字（Number），整数或浮点数 2.布尔值（Boolean）有俩个值分别是：true和false 3.字符串（String）字符串是一串表示文本值的字符序列，例如：HelloWorld 4.null,代表为空， 此处的值为空 （注意：javascript里面大小写是敏感的 因此null和Null是不一样的） 5.undefined,代表未定义 表示变量没有定义的属性值 6.Symbol：ES6 新增，定义对象的唯一属性名 复杂数据类型:对象（Object） 可以分为三种：function(函数)
js Symbol类型讲解
debug
06-23 905
Symbol 是 JavaScript 中的一种原始数据类型。它是在 ECMAScript 6 (ES6) 标准中引入的，用于表示独一无二的标识符。每个通过 Symbol() 构造函数创建的 Symbol 值都是唯一的，不会与其他任何值相等。Symbol 类型的特点如下：独一无二性：每个 Symbol 值都是唯一的，无法通过简单的值比较相等。不可变性：Symbol 值一旦创建，就不能被修改。作为属...
JavaScript 之 Symbol 数据类型
weixin_45092437的博客
09-07 1454
symbol类型具有以下特点：① 唯一性：每个symbol值都是唯一的；② 不可变性：symbol值是不可被修改的；③ 属性标识符：symbol类型的值可以作为对象属性的标识符key；④Symbol可以与其他数据类型进行运算，但不能被强制转换为其他数据类型。利用前两个特性，可以避免属性名的冲突和保证属性不会被意外覆盖。
Javascript——Symbol简单了解
最新发布
keyoukewude的博客
04-12 1021
Symbol(符号)是ECMAScript6新增的数据类型。符号是原始值，且符号实例是唯一、不可变的。符号的用途是确保对象属性使用唯一标识符，不会发生属性冲突的危险。尽管符号听起来跟私有属性有点类似，但符号并不是为了提供私有属性的行为才增加的（尤其是因为Object API提供了方法，可以更方便地发现符号属性）。相反，符号就是用来创建唯一记号，进而用作非字符串形式的对象属性。
js Symbol类型讲解
debug
06-22 483
需要注意的是，Symbol 值并不是完全无法访问的，可以使用 Object.getOwnPropertySymbols() 或 Reflect.ownKeys() 来获取对象上的 Symbol 属性。但是对于一般的对象遍历和操作，这些 Symbol 属性是不可见的。Symbol.species 是一个内置的 Symbol 值，在对象上定义该属性可以影响该对象在执行衍生对象操作时的行为。这在需要创建与原始对象类型不同的衍生对象时非常有用，例如在实现类的继承和衍生时，希望衍生对象使用不同的构造函数来创建。
JS中的Symbol有什么用
weixin_42576804的博客
01-07 849
JavaScript 的 Symbol 类型是一种原始数据类型，可以用来表示独一无二的值。 Symbol 类型的主要用途是创建对象的唯一属性名，因此可以用来防止属性名冲突，保证属性名的独特性。例如： const id = Symbol(); const user = { name: 'John', [id]: 123, }; console.log(user[id]); // 123...
js中Symbol类型的使用
qq_46956509的博客
02-09 5848
一、使用Symbol作为对象属性名 1、使用symbol作为对象属性名不被Object.key等方式访问 let obj = { [Symbol("name")]:"一斤代码", age:18, title:"Engineer", } console.log(Object.keys(obj)) for(let p in obj){ console.log(p); } console.log(Object.getOwnPropertyNames(obj));.
JavaScript基础：Symbol的作用
zhangzhenshuai的博客
09-18 781
Symbol 是什么? Symbol 是 ES6 新推出的一种基本类型，它表示独一无二的值，它可以接受一个字符串作为参数，带有相同参数的两个Symbol值不相等，这个参数只是表示Symbol值的描述而已，主要用于程序调试时的跟踪，当然你也可以不传入参数，同样的我们可以通过typeof来判断是否为Symbol类型。
JS 中 Symbol.iterator 是什么
07-22
在 JavaScript 中，`Symbol.iterator` 是一个内置的符号（Symbol），它用于定义一个对象的默认迭代器（Iterator）。迭代器是一个对象，它提供了一个 `next` 方法，用于按需生成序列中的值。 使用 `Symbol.iterator` 可以使一个对象成为可迭代的（iterable），从而可以使用 `for...of` 循环或其他支持迭代器的语法来遍历对象的元素。 下面是一个简单的示例，演示如何使用 `Symbol.iterator` 创建一个可迭代对象： ```javascript const myIterable = { items: ['apple', 'banana', 'cherry'], [Symbol.iterator]() { let index = 0; return { next: () => { if (index < this.items.length) { return { value: this.items[index++], done: false }; } else { return { done: true }; } } }; } }; // 使用 for...of 遍历可迭代对象 for (const item of myIterable) { console.log(item); } // 输出: // "apple" // "banana" // "cherry" ``` 在上面的示例中，我们创建了一个名为 `myIterable` 的对象，并在该对象上定义了一个 `Symbol.iterator` 方法。该方法返回一个迭代器对象，其中包含一个 `next` 方法。`next` 方法在每次调用时返回序列中的下一个元素。当没有更多的元素时，它返回 `{ done: true }`。 通过使用 `Symbol.iterator`，我们可以将一个对象转换为可迭代的，并使用 `for...of` 循环来遍历它的元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值