登录
注册
开源
企业版
高校版
搜索
帮助中心
使用条款
关于我们
开源
企业版
高校版
私有云
模力方舟
AI 队友
登录
注册
代码拉取完成,页面将自动刷新
捐赠
捐赠前请先登录
取消
前往登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
Watch
不关注
关注所有动态
仅关注版本发行动态
关注但不提醒动态
23
Star
192
Fork
47
yanleweb
/
interview-question
代码
Issues
1091
Pull Requests
0
Wiki
统计
流水线
服务
质量分析
Jenkins for Gitee
腾讯云托管
腾讯云 Serverless
悬镜安全
阿里云 SAE
Codeblitz
SBOM
我知道了,不再自动展开
更新失败,请稍后重试!
移除标识
内容风险标识
本任务被
标识为内容中包含有代码安全 Bug 、隐私泄露等敏感信息,仓库外成员不可访问
详细讲一下 Symbol 数据类型特征与实际使用案例?
待办的
#I6N4X6
yanleweb
拥有者
创建于
2023-03-14 22:29
## Symbol 概要简介 Symbol 是 ECMAScript 6 引入的一种新的原始数据类型,用来表示独一无二的值。每个 Symbol 值都是唯一的,因此可以用来创建一些独特的标识符。 ## 定义 Symbol 的定义非常简单,只需要调用 Symbol() 方法即可,例如: ```js const mySymbol = Symbol(); ``` 在使用 Symbol 的时候,可以给它传递一个可选的描述信息,用于标识 Symbol 的含义,例如: ```js const mySymbol = Symbol('my symbol'); ``` ## 使用场景 ### 常量的定义 由于每个 Symbol 的值都是唯一的,因此可以用它来定义常量,避免不小心修改值。例如: ```js const MY_CONST = Symbol('my_const') ``` ### Symbol 值可以作为对象的属性名,用来避免属性名冲突 例如: ```js const obj = {}; const mySymbol = Symbol('my symbol'); obj[mySymbol] = 'hello'; console.log(obj[mySymbol]); // 输出:'hello' ``` ### 在使用 Symbol 的时候,可以结合 Object.defineProperty() 方法来定义一个只读的属性 例如: ```js const obj = {}; const mySymbol = Symbol('my symbol'); Object.defineProperty(obj, mySymbol, { value: 'hello', writable: false }); console.log(obj[mySymbol]); // 输出:'hello' obj[mySymbol] = 'world'; console.log(obj[mySymbol]); // 输出:'hello' ``` ### 还可以使用 Symbol.for() 方法创建一个可共享的 Symbol 值 例如: ```js const s1 = Symbol.for('foo'); const s2 = Symbol.for('foo'); console.log(s1 === s2); // 输出:true ``` 在上述示例中,虽然 s1 和 s2 的值不同,但是它们所表示的含义相同,因此可以认为它们是相等的。这种通过 Symbol.for() 方法创建的 Symbol 值,会被保存在一个全局的 Symbol 注册表中,可以被不同的代码块访问到。 ### 私有属性的定义 由于 Symbol 值是唯一的,因此可以用它来模拟私有属性的概念,防止属性名冲突。例如: ```js const _myPrivateProp = Symbol('my_private_prop') class MyClass { constructor() { this[_myPrivateProp] = 'private value' } getPrivateValue() { return this[_myPrivateProp] } } ``` 在这个例子中,_myPrivateProp 就是一个 Symbol 值,用于存储私有属性的值,它无法被外部访问到,只能通过类的方法来获取它的值。 ### 自定义迭代器 Symbol 还可以用于自定义迭代器,例如: ```js const myIterable = { [Symbol.iterator]: function* () { yield 1 yield 2 yield 3 } } for (let value of myIterable) { console.log(value) } // Output: 1 2 3 ``` 在这个例子中,我们使用了 Symbol.iterator 来定义了一个自定义的迭代器,这个迭代器可以被 for...of 循环调用来遍历对象的属性值。 ## 总结 总之,`Symbol` 的主要用途是创建独一无二的属性名,用来避免属性名冲突。 在实际开发中,可以将 `Symbol` 作为对象的属性名来定义一些特殊的行为,例如迭代器、生成器等,这些都是 `Symbol` 的实际使用案例。
## Symbol 概要简介 Symbol 是 ECMAScript 6 引入的一种新的原始数据类型,用来表示独一无二的值。每个 Symbol 值都是唯一的,因此可以用来创建一些独特的标识符。 ## 定义 Symbol 的定义非常简单,只需要调用 Symbol() 方法即可,例如: ```js const mySymbol = Symbol(); ``` 在使用 Symbol 的时候,可以给它传递一个可选的描述信息,用于标识 Symbol 的含义,例如: ```js const mySymbol = Symbol('my symbol'); ``` ## 使用场景 ### 常量的定义 由于每个 Symbol 的值都是唯一的,因此可以用它来定义常量,避免不小心修改值。例如: ```js const MY_CONST = Symbol('my_const') ``` ### Symbol 值可以作为对象的属性名,用来避免属性名冲突 例如: ```js const obj = {}; const mySymbol = Symbol('my symbol'); obj[mySymbol] = 'hello'; console.log(obj[mySymbol]); // 输出:'hello' ``` ### 在使用 Symbol 的时候,可以结合 Object.defineProperty() 方法来定义一个只读的属性 例如: ```js const obj = {}; const mySymbol = Symbol('my symbol'); Object.defineProperty(obj, mySymbol, { value: 'hello', writable: false }); console.log(obj[mySymbol]); // 输出:'hello' obj[mySymbol] = 'world'; console.log(obj[mySymbol]); // 输出:'hello' ``` ### 还可以使用 Symbol.for() 方法创建一个可共享的 Symbol 值 例如: ```js const s1 = Symbol.for('foo'); const s2 = Symbol.for('foo'); console.log(s1 === s2); // 输出:true ``` 在上述示例中,虽然 s1 和 s2 的值不同,但是它们所表示的含义相同,因此可以认为它们是相等的。这种通过 Symbol.for() 方法创建的 Symbol 值,会被保存在一个全局的 Symbol 注册表中,可以被不同的代码块访问到。 ### 私有属性的定义 由于 Symbol 值是唯一的,因此可以用它来模拟私有属性的概念,防止属性名冲突。例如: ```js const _myPrivateProp = Symbol('my_private_prop') class MyClass { constructor() { this[_myPrivateProp] = 'private value' } getPrivateValue() { return this[_myPrivateProp] } } ``` 在这个例子中,_myPrivateProp 就是一个 Symbol 值,用于存储私有属性的值,它无法被外部访问到,只能通过类的方法来获取它的值。 ### 自定义迭代器 Symbol 还可以用于自定义迭代器,例如: ```js const myIterable = { [Symbol.iterator]: function* () { yield 1 yield 2 yield 3 } } for (let value of myIterable) { console.log(value) } // Output: 1 2 3 ``` 在这个例子中,我们使用了 Symbol.iterator 来定义了一个自定义的迭代器,这个迭代器可以被 for...of 循环调用来遍历对象的属性值。 ## 总结 总之,`Symbol` 的主要用途是创建独一无二的属性名,用来避免属性名冲突。 在实际开发中,可以将 `Symbol` 作为对象的属性名来定义一些特殊的行为,例如迭代器、生成器等,这些都是 `Symbol` 的实际使用案例。
评论 (
0
)
登录
后才可以发表评论
状态
待办的
待办的
进行中
已完成
已关闭
负责人
未设置
标签
JavaScript
未设置
标签管理
里程碑
中
未关联里程碑
Pull Requests
未关联
未关联
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
未关联
分支 (1)
标签 (64)
master
0.0.76
0.0.75
0.0.74
0.0.73
0.0.72
0.0.71
0.0.70
0.0.69
0.0.68
0.0.67
0.0.66
0.0.65
0.0.64
0.0.63
0.0.62
0.0.61
0.0.60
0.0.59
0.0.58
0.0.57
0.0.56
0.0.55
0.0.54
0.0.53
0.0.52
0.0.51
0.0.50
0.0.49
0.0.48
0.0.47
0.0.46
0.0.45
0.0.44
0.0.43
0.0.42
0.0.41
0.0.40
0.0.39
0.0.38
0.0.37
0.0.36
0.0.35
0.0.34
0.0.33
0.0.32
0.0.31
0.0.30
0.0.29
0.0.28
0.0.27
0.0.26
0.0.25
0.0.24
0.0.23
0.0.22
0.0.21
0.0.20
0.0.19
0.0.18
0.0.17
0.0.16
0.0.15
0.0.14
0.0.13
开始日期   -   截止日期
-
置顶选项
不置顶
置顶等级:高
置顶等级:中
置顶等级:低
优先级
不指定
严重
主要
次要
不重要
参与者(1)
TypeScript
1
https://gitee.com/yanleweb/interview-question.git
git@gitee.com:yanleweb/interview-question.git
yanleweb
interview-question
interview-question
点此查找更多帮助
搜索帮助
Git 命令在线学习
如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大,如何减小?
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release(发行版)
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册