php解析js的 arraybuffer_JS的所谓的第七种数据类型Symbol

首先,为什么说叫所谓呢?因为在2007年之前Js给予我们typeof解析数据类型的一共有六种(一直有争议,但是我们暂时就按typeof来算)
'function''Number''Object''boolean''String''undefined'
但当我们去 typeof Symbol () 的时候,会惊奇的发现,返回了一个
‘symbol’
首先肯定要有疑问,这货是啥?当然第一种想法其实就是肯定很强大。因为前六种已经强大的一种地步了,这货肯定也一定非常强大。首先我们先带着我们的好奇心一步一步来看看这个鬼东西。首先先验证一下它是不是对象。通过我先说一下我对对象研究的他有三种机制:
  • 只要是对象就可以引用。

  • 只要是对象都可以赋予私有属性。

  • 对象都不相等。

那么var a = Symbol();a.b = 10;//  赋予私有属性a.b // undefined看来这货不是个对象,既然不是对象我们来看看它的一些别的特性。首先在 api 上 Symbol 提供了两个方法第一个是 for 另外一个是 keyFor 。
var s1 = Symbol.for('abc');var s2 = Symbol.for('abc');Symbol() === Symbol() //falses1 === s2    //trueSymbol.keyFor(s1)// 'abc'
当然这两个看起来比较容易 似乎就是一个赋予一个值然后就会把原来的值吐出来,当然真是原来的值么?带着这样的疑问我又继续做了一些实验。
var s1 = Symbol.for([1,2,3]);Symbol.keyFor(s1); //  "1,2,3" 字符串的 1,2,3 var s1 = Symbol.for(function (){});Symbol.keyFor(s1); "function (){}"   字符串的fn;
你会发现这货你存的东西只会以字符串的东西吐出来。当然这个东西官方说由于每一个 Symbol 值都是不相等的,这意味着 Symbol 值可以作为标识符,用于对象的属性名,就能保证不会出现同名的属性。这对于一个对象由多个模块构成的情况非常有用,能防止某一个键被不小心改写或覆盖。也就是说可以作为存在 json 中让 key 永远不相等。OK ,那么就完全可以这样:
 var a = {};       a[Symbol()]= 'Hello!';       a[Symbol()]= 'Hello!';       a[Symbol()]= 'Hello!';       console.log(a);      Object          Symbol(): "Hello!"          Symbol(): "Hello!"          Symbol(): "Hello!"      __proto__: Object 
你会发现出现了连续的三个 a的属性 都是hello 并且没有覆盖 。也就是说这么写的话可以有效的防止其json重名问题,不过拿起来就非常费劲了。
 for(var i in a){           console.log(i +',' +a[i]) //没有任何的东西       }
当然这就比较可以可疑了,json 用 symbol 存上东西了,但是又用 for in 拿不到。也就说如果直接这么赋值 json 认,但是 for in 循环不认,而且咱们也拿不到。但是换一种方式就没问题了。用变量存的话,虽然虽然 for in 拿不到,但是咱们可以拿到值。
var a = Symbol('aaa');      b = {};      b[a] = 10 ;      console.log(b[a])//10
轻松拿到值。其实不难看出来 Symbol 对 for in 不是很友好,但是 对 json 很友好。这时如果使用别的方法拿值呢?顾名思义,Object.getOwnPropertyNames() 是拿对象私有属性的的方法,我们来试试。
 let b = {};      b[Symbol()]=10;      b[Symbol()]=15;      Object. getOwnPropertyNames(b) //
可以理解为:其实 Symbol 不作为 b 的私有属性存在。拿能不能拿到呢?其实也能拿到。他提供了一个 getOwnPropertySymbols 方法可以让我找到存在内存里的 Symbol 。例如:
 let a = {};      a[Symbol()]=10;      a[Symbol()]=15;      Object.getOwnPropertySymbols(a) //[Symbol(),Symbol()] //这里面以数组的形式返回了 咱们使用的两个Symbol();      Object.getOwnPropertySymbols(a)[0]//Symbol() 第一个Symbol()      a[Object.getOwnPropertySymbols(a)[0]]//10 拿到存在的这个值。
其实知道是数组后 我们就可以循环  obj.getOwnPropertySymbols(a) 这个东西 然后输出值了。其实说回来只是换了一种方法拿值,存值。而这种方法更安全更隐蔽而已。而Symbol还有一些比较特殊的特性。js中的~(按位非) 是一个比较强势的转换number的东西。例如:
~NaN  //-1~function (){}//-1~undefined   //-1var a = function (){};~a()  //-1~new a() //-1
基本任何东西都能转成number,而:
~Symbol  //-1~Symbol() //报错
似乎说明了 其跟function 有着本质的区别,另外呢,Symbol值不能与其他类型的值进行运算,会报错。
var sym = Symbol('My symbol');"your symbol is " + sym     // TypeError: can't convert symbol to string   es5之前的报错`your symbol is ${sym}`     // TypeError: can't convert symbol to string   es6字符串照样的报错
另外,Symbol值也可以转为布尔值,但是不能转为数值。这些都是Symbol的一些小特性。
var sym = Symbol();Boolean(sym) // true!sym  // falseNumber(sym) // TypeErrorsym + 2 // TypeError
其实来说Symbol作为一个新的数据类型 最强的而不是干以上的这些事而是一些配合原型方法的一些开关,可以强化方法的使用。比如说 Symbol.isConcatSpreadable 这个方法,咱们都知道 正常的数组concat方法是连接字符串。
let arr = ['c', 'd'];['a', 'b'].concat(arr2,'e') //['a','b','c','d','e'];
而我们一旦把开关打开后会发现一些意想不到的结果。
let arr2 = ['c', 'd'];arr2[Symbol.isConcatSpreadable] = false;['a', 'b'].concat(arr2, 'e') //['a','b',['c','d'],'e']
会发现以数组的形式插入到里面了。当然他还包括了一些别的方法,例如,他可以测试 ES6 新增的内置对象方法 Symbol.toStringTag 。
JSON[Symbol.toStringTag]:'JSON'Math[Symbol.toStringTag]:'Math'Module对象M[Symbol.toStringTag]:'Module'ArrayBuffer.prototype[Symbol.toStringTag]:'ArrayBuffer'  DataView.prototype[Symbol.toStringTag]:'DataView'Map.prototype[Symbol.toStringTag]:'Map'Promise.prototype[Symbol.toStringTag]:'Promise'Set.prototype[Symbol.toStringTag]:'Set'%TypedArray%.prototype[Symbol.toStringTag]:'Uint8Array'等WeakMap.prototype[Symbol.toStringTag]:'WeakMap'WeakSet.prototype[Symbol.toStringTag]:'WeakSet'%MapIteratorPrototype%[Symbol.toStringTag]:'Map Iterator'%SetIteratorPrototype%[Symbol.toStringTag]:'Set Iterator'%StringIteratorPrototype%[Symbol.toStringTag]:'String Iterator'Symbol.prototype[Symbol.toStringTag]:'Symbol'Generator.prototype[Symbol.toStringTag]:'Generator'GeneratorFunction.prototype[Symbol.toStringTag]:'GeneratorFunction' 
不过,用 ES5 之前的方法依然也可以检验出来内置对象,所以 Symbol 就是更规范化而已,就用 map 举例。
Object.prototype.toString.call(new Map())//'[object Map]'
别的内置对象也是同理。Symbol.unscopables 也是Symbol一个比较有意思的东西。可以找到对象内哪些属性被with排除。
Object.keys(Array.prototype[Symbol.unscopables])//['copyWithin', 'entries', 'fill', 'find', 'findIndex', 'keys']
以数组的形式返回 也就是说 这些属性会被with排除。其实这些只是Smybol的冰山一角,更多的是Symbol是服务于ES6中。让我们继续慢慢探索好了。371c376ea527313533c656319148f48d.png193e817624e4f98ac8daa62be8365ea5.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/532078.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JAVA MYSQL从数据库中提取图片_java web将图片存到储数据库和从数据库中读取图片...

(Notice:以下所有经验也是我根据网上的经验整理的,如有侵权可以联系我删除,Wx:IT_Ezra,QQ 654303408。 有问题讨论也可联系我,QQ同上。)一、分析一下基本流程从前台页面获取图片,后台接收图片文件转化成数据…

Ubuntu系统如何安装和卸载CUDA和CUDNN

背景 最近在学习PaddlePaddle在各个显卡驱动版本的安装和使用,所以同时也学习如何在Ubuntu安装和卸载CUDA和CUDNN,在学习过程中,顺便记录学习过程。在供大家学习的同时,也在加强自己的记忆。本文章以卸载CUDA 8.0 和 CUDNN 7.05 …

session.merge 缓存不更新_如何保证缓存与数据库双写时的数据一致性?

在做系统优化时,想到了将数据进行分级存储的思路。因为在系统中会存在一些数据,有些数据的实时性要求不高,比如一些配置信息。基本上配置了很久才会变一次。而有一些数据实时性要求非常高,比如订单和流水的数据。所以这里根据数据…

java替换图片中文字_Java 添加、替换、删除Word中的图片

文档中,可以通过图文混排的方式来增加内容的可读性,相比纯文本文档,在内容展现方式上也更具美观性。在给文档添加图片时,可设置图片的文本环绕方式、旋转角度、图片高度/宽度等;另外,也可对文档中已有的图片…

kafka如何保证不重复消费又不丢失数据_Kafka写入的数据如何保证不丢失?

我们暂且不考虑写磁盘的具体过程,先大致看看下面的图,这代表了 Kafka 的核心架构原理。Kafka 分布式存储架构那么现在问题来了,如果每天产生几十 TB 的数据,难道都写一台机器的磁盘上吗?这明显是不靠谱的啊!所以说,这…

不允许输入特殊字符的正则表达式_JavaScript正则表达式常用技巧

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中,正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。正则表达式的掌握程度能粗略地看出程序员的技术底子&#xff…

latex 算法_GitHub项目awesome-latex-drawing新增内容(四):绘制贝叶斯网络

近期,我们整理和开源了一个基于LaTeX的科技绘图项目,并将其取名为awesome-latex-drawing(GitHub网址为:https://github.com/xinychen/awesome-latex-drawing),案例包括贝叶斯网络、图模型、矩阵/张量示意图…

python123动物重量排序_python进阶

面向对象oopclass Student(object):def __init__(self,name,score)self.name nameself.score scoredef print_score(self)print(%s: %s % (self.name,self.score))给对象发消息实际上就是调用对象对应的关联函数,我们称之为对象的方法(Method)。面向对象的程序写出…

mysql中的生日应该是什么类型_MySQL中的定点数类型

上一篇文章我们唠叨了浮点数,知道了浮点数存储小数是不精确的。本篇继续唠叨一下MySQL中的另一种存储小数的方式 —— 定点数。浮点数文章闪现:什么, 0.3 - 0.2 ≠ 0.1 ? 什么鬼定点数类型正因为用浮点数表示小数可能会有不精确的情况,在一些…

python怎么制作图像_python数字图像处理(5):图像的绘制

实际上前面我们就已经用到了图像的绘制,如:io.imshow(img)这一行代码的实质是利用matplotlib包对图片进行绘制,绘制成功后,返回一个matplotlib类型的数据。因此,我们也可以这样写:importmatplotlib.pyplot …

axios代理跨域 cli4_vuecli 3.0之跨域请求代理配置及axios路径配置 莫小龙

vue-cli 3.0之跨域请求代理配置及axios路径配置问题:在前后端分离的跨域请求中,报跨域问题配置:vue.config.js:module.exports {runtimeCompiler: true,publicPath: /, // 设置打包文件相对路径devServer: {// open: process.pla…

string转为char数组_StringBuilder的区别是什么?String是不可变?一点课堂(多岸学院)...

String和StringBuffer、StringBuilder的区别可变性简单的来说:String 类中使用 final 关键字字符数组保存字符串,private final char value[],所以 String 对象是不可变的。而StringBuilder 与 StringBuffer 都继承自 AbstractStringBuild…

python去年软件排行_2017年编程语言排行榜,Python位居榜首(C语言需求最大)

最近IEEE Spectrum 发布了编程语言交互式排行榜,为很多学习代码的朋友们详解各类代码语言的需求和占有率。为学习代码的朋友们能更加重视哪一种编程语言而有一个明确的方向。下面排行榜123网为你公布2017年编程语言排行榜,Python位居榜首(C语言需求最大)。2017年编程…

mysql test数据库_mysql数据库test

Re介绍一下CentOS下MySQL数据库的安装与配置方法MySQL数据库配置的具体步骤:1、编辑MySQL的配置文件,使用vi /etc/my.cnf[rootsample ~]# vi /etc/my.cnf  ← 编辑MySQL的配置文件[mysqld]datadir/var/lib/mysqlsocket/var/lib/mysql/mysql.sock# Defau…

mysql 升级 openssl_【1分钟教程】LNMP架构应用实战 Openssl升级操作

由于实际生产环境需求,需要将LNMP环境中的openssl版本升级至目前最新版本openssl-1.1.0c,这玩意升级还真的不是一般的麻烦,由于它与系统各种服务都有相关的联系,比如ssh服务等,因此,升级非常的繁琐,所以今天…

miui秒解bl锁_MIUI12解锁bl篇(原谅我的过失,接上篇文章)

求原谅真心求原谅由于我的疏忽,上期教程不完整,对大家造成不便在这里给大家真诚道歉!对不起!请收下我的膝盖!!!我的上个教程小米手机MIUI系统降级任意版本通用教程,MIUI12→MIUI9因为…

腐蚀rust服务器命令_【使用 Rust 写 Parser】2. 解析Redis协议

系列所有文章https://zhuanlan.zhihu.com/p/115017849​zhuanlan.zhihu.comhttps://zhuanlan.zhihu.com/p/139387293​zhuanlan.zhihu.comhttps://zhuanlan.zhihu.com/p/146455601​zhuanlan.zhihu.comhttps://zhuanlan.zhihu.com/p/186217695​zhuanlan.zhihu.com在基本熟悉 n…

python中dic_python之dic {字典}(重要指数*****)

1. 什么是字典{name: 汪峰, age: 18} 键:值 别的语言键值对数据键: 必须是可哈希(不可变的数据类型),并且是唯一的值: 任意可以保存任意类型的数据字典是无序的python3.6版本以上,默认定义了顺序,python3.5以下是随机显示不能进⾏切片⼯作. 它只能通过key来获取dict中的数据字典…

python装饰器带参数函数二阶导数公式_一文搞定Python装饰器,看完面试不再慌

本文始发于个人公众号:TechFlow,原创不易,求个关注今天是Python专题的第12篇文章,我们来看看Python装饰器。一段囧事差不多五年前面试的时候,我就领教过它的重要性。那时候我Python刚刚初学乍练,看完了廖雪…

centos7源码安装mysql报错_CentOS7 下源码安装MySQL数据库 8.0.11

本文主要向大家介绍了CentOS7 下源码安装MySQL数据库 8.0.11,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助。CentOS7 下源码安装MySQL 8.0.11系统环境:CentOS7, 内核:Linux 3.10.0-862.el7.x86_64如果…