es6 Symbol类型
es6 新增了一个原始类型Symbol,代表独一无二的数据
javascript 原来有6中基本类型, Boolean ,String ,Object,Number, null , undefined (typeof null 是等于object)
//es6 引进Symbol 表示独一无二的值
console.log(typeof(null)) //objert
let person = {
name: '2121'
}
console.log(typeof(person)) //objert let s = Symbol();
console.log(typeof(s)) //symbol
Symbol表示独一无二的值,所有创建的不同Symbol 一定不相等,Symbol 不是对象,不能使用new去创建 ,Symbol 不能与其他类型进行运算,会报错
let aa = Symbol('11')
let bb = Symbol('11')
console.log(aa===bb) //false
//let cc = new Symbol() //报错 Symbol is not a constructor
//aa + 1 //报错 Cannot convert a Symbol value to a number
//symbol 可以传入一个参数,主要代表 描述,无实际意义
//Symbol 作为一个独一无二的值,主要用来作为属性名 ,保证不会出现同名字属性,且不会被覆盖
let sym = Symbol();
let amains = {
[sym]: '123456'
}
console.log(amains[sym]) //使用 symbol作为属性名 一定是表达式属性名
//case 适合使用symbol , 不会出现重复的条件
symbol 可以用来消除魔术字符串,魔术字符串,一个在代码中出现多次的字符串,有时候语义还不明确,
在强类型语言中,我们可以使用枚举类型, 枚举类型一定是 int 类型,独一无二,还可以定义描述,而symol刚好符合这些
let typebook = Symbol ('资源类型图书')
function getResourcetype (type) {
let price = 0
switch(type) {
case typebook:
price = 50
break;
default:
price = 30
break;
}
return price
}
console.log(getResourcetype(typebook))
属性名的遍历
回顾一下对象的遍历
对象遍历的一共有几种方式 1.for in 2. Object.keys() 3.Object.getOwnPropertyNames() 4.Object.Object.getOwnPropertySymbols 5.Reflect.oenKeys
let typebook = Symbol ('资源类型图书')
let wfywxhs = {
[typebook]: '无人与我',
1: 'ddd',
'dsa': '是不是'
}
Object.defineProperty(wfywxhs,'zizun',{
writable: false,
enumerable: false,
value: 'czcz',
configurable: 'wozhis'
})
const proto = {
foo: 'hello'
}
Object.setPrototypeOf(wfywxhs,proto)
console.log(wfywxhs)
for(let item in wfywxhs) {
console.log(item) // 1 dsa foo foo为原形上的属性 读取不到不可枚举zizun 和symbol
}
console.log(Object.keys(wfywxhs)) //["1", "dsa"] 读取不到原形上foo属性 he symbol
console.log(Object.getOwnPropertyNames(wfywxhs)) //["1", "dsa", "zizun"] 读取自身上所有部位symbol 属性,不可枚举也能读取到
console.log(Object.getOwnPropertySymbols(wfywxhs))// [Symbol ('资源类型图书')] //读取为symbol 的属性
console.log(Reflect.ownKeys(wfywxhs)) //["1", "dsa", "zizun", Symbol(资源类型图书)] 读取自身上所有的属性,包括不可枚举和Symbol
es6 Symbol类型的更多相关文章
- ES6 Symbol类型 附带:Proxy和Set
七种数据类型 ·Symbol ·undefined ·null ·Boolean ·String ·Number ·Object let a = Symbol('this is a symbol'); ...
- 用vue.js学习es6(四):Symbol类型
一.Symbol类型: 1.ES6引入了一种新的原始数据类型Symbol,表示独一无二的值.它是JavaScript语言的第七种数据类型,前六种是:Undefined.Null. 布尔值(Boolea ...
- ES6笔记(4)-- Symbol类型
系列文章 -- ES6笔记系列 Symbol是什么?中文意思是标志.记号,顾名思义,它可以用了做记号. 是的,它是一种标记的方法,被ES6引入作为一种新的数据类型,表示独一无二的值. 由此,JS的数据 ...
- ES6中的Symbol类型
前面的话 ES5中包含5种原始类型:字符串.数字.布尔值.null和undefined.ES6引入了第6种原始类型——Symbol ES5的对象属性名都是字符串,很容易造成属性名冲突.比如,使用了一个 ...
- ES6中关于数据类型的拓展:Symbol类型
ES5中包含5种原始类型:字符串.数值.布尔值.null.undefined.ES6引入了第6种原始类型——Symbol. ES5的对象属性名都是字符串,很容易造成属性名冲突.比如,使用了一个他人提供 ...
- ES6学习----let、const、解构赋值、新增字符串、模板字符串、Symbol类型、Proxy、Set
这篇es6的学习笔记来自于表哥 表严肃,是我遇到过的讲课最通透,英文发音最好听的老师,想一起听课就去这里吧 https://biaoyansu.com/i/hzhj1206 ES6就是JS6,JS的第 ...
- JavaScript 为什么要有 Symbol 类型?
Symbols 是 ES6 引入了一个新的数据类型 ,它为 JS 带来了一些好处,尤其是对象属性时. 但是,它们能为我们做些字符串不能做的事情呢? 在深入探讨 Symbol 之前,让我们先看看一些 J ...
- ES6 Symbol的应用场景
一.简介 具体使用请参考:API ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值.它是 JavaScript 语言的第七种数据类型,前六种是:undefined.null.布尔值(B ...
- Symbol类型是不可枚举的
const info = { [Symbol('a')]: 'b' } console.log(info)//{Symbol('a'): 'b'} console.log(Object.keys(in ...
随机推荐
- requirejs + sass 实现的前端及 grunt 自动化构建
对于 现在的 vue . react .webpack 来说也许有点旧了,有时候,越简单的技术越可靠,备份一下 module.exports = function(grunt) { // Projec ...
- [Swift]LeetCode242. 有效的字母异位词 | Valid Anagram
Given two strings s and t , write a function to determine if t is an anagram of s. Example 1: Input: ...
- [Swift]LeetCode295. 数据流的中位数 | Find Median from Data Stream
Median is the middle value in an ordered integer list. If the size of the list is even, there is no ...
- [Swift]LeetCode996. 正方形数组的数目 | Number of Squareful Arrays
Given an array A of non-negative integers, the array is squareful if for every pair of adjacent elem ...
- python之PIL库(Image模块)
PIL(Python Image Library)是python的第三方图像处理库,PIL的功能非常的强大,几乎被认定是Python的官方图像处理库了. 由于PIL仅支持到python2.7于是一群志 ...
- Python内置函数(4)——ascii
英文文档: ascii(object) As repr(), return a string containing a printable representation of an object, b ...
- 又拍云 API 使用的那些小事
又拍云提供了丰富的 API 调用,为了减少用户在初次接入时可能会遇到的坑”,本文将对又拍云常用的 API 使用方法做个简单的梳理,力求让业务接入变得更简单,更高效. 目前我们的 API 主要有四大类, ...
- 祝雷(依乐祝):一份来自29岁.NET老程序员的自白
潘老师的文笔果然了得,经过潘老师的妙笔生花后,文章的阅读体验果然好了很多!这里再次感谢潘老师的支持! 祝雷(合肥.NET 俱乐部发起人) [个人介绍] 博客园知名博主(依乐祝).6年以上.NET技术栈 ...
- vue + hbuilder 开发备忘录
踩过的坑: axios 安卓低版本兼容性处理 阻止表单中,button默认事件,出现刷新问题. 设置滚动条的位置 vue 数据和对象数据变化 dom结构不变 android低版本 白屏问题 你是不是用 ...
- 「造个轮子」——cicada 源码分析
前言 两天前写了文章<「造个轮子」--cicada(轻量级 WEB 框架)> 向大家介绍了 cicada 之后收到很多反馈,也有许多不错的建议. 同时在 GitHub 也收获了 80 几颗 ...