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,一经查实,立即删除!

相关文章

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),案例包括贝叶斯网络、图模型、矩阵/张量示意图…

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

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

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

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

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

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

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

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

usbserialcontroller驱动安装不了_win10-有NVIDIA独显提示未安装控制面板的离线安装方式...

最近越来越多的用户反映NVIDIA显卡驱动设置不了啦,找不到NVIDIA显卡的控制面板。 也不知道NVIDIA在什么版本开始驱动安装包就不自带NVIDIA显卡控制面板了。 全新安装的显卡驱动就没有控制面板;或者Windows 10自带更新了显卡新版驱动后导致没有。 每次带N…

vue 点击li 中的img 怎么不冒泡_Vue全解

一.Vue实例内存图:1.把Vue的实例命名为vm,vm对象封装了对视图的所有操作包括数据读写、事件绑定、DOM更新2.vm的构造函数是Vue,按照ES6的说法vm所属的类是Vue3.options是new Vue的参数一般称为选项或构造选项1.options里面有什么英文文档搜op…

terminal services 找不到_电脑局域网中查看不到其他计算机或无法连接的解决办法...

在办公环境中,电脑经常需要打开网络,进行一些文件共享的操作,但是有时会出现很多无法共享的情况,之前有一篇文章讲过解决办法,今天再来将一下具体无法共享的错误提示和相对应的处理方法,主要有以下几种情况…

如何避免mysql回表查询_mysql如何避免回表查询

《迅猛定位低效SQL?》留了一个尾巴:select id,name where name‘shenjian‘select id,name,sexwhere name‘shenjian‘多查询了一个属性,为何检索过程完全不同?什么是回表查询?什么是索引覆盖?如何实现索引…

springmvc的工作原理_SpringMVC工作原理

1 简介SpringMVC框架是以请求为驱动,围绕Servlet设计,将请求发给控制器,然后通过模型对象,分派器来展示请求结果视图。其中核心类是DispatcherServlet,它是一个Servlet,顶层是实现的Servlet接口。2 运行原理…

跨站点请求伪造_十大常见web漏洞——跨站点请求伪造(CSRF)

CSRF介绍什么是CSRF呢?我们直接看例子。https://mp.toutiao.com/profile_v3/graphic/preview?dodelete&pgc_id6829574701128352260这个URL是头条删除pgc_id为6829574701128352260的一篇文章的连接,通过执行这个URL用户就可以删除这篇文章。首先攻击…

unique函数_C++核心准则C.35:基类的析构函数必须满足的条件

C.35: A base class destructor should be either public and virtual, or protected and nonvirtual基类的析构函数要么是公开的虚函数,要么是保护的非虚函数Reason(原因)To prevent undefined behavior. If the destructor is public, then calling code can atte…

java jta 例子_Java事务处理全解析(八)——分布式事务入门例子(Spring+JTA+Atomikos+Hibernate+JMS)...

在本系列先前的文章中,我们主要讲解了JDBC对本地事务的处理,本篇文章将讲到一个分布式事务的例子。请通过以下方式下载github源代码:本地事务和分布式事务的区别在于:本地事务只用于处理单一数据源事务(比如单个数据库)&#xff0…

垂直串联六关节机器人调试手册_工业机器人有哪些应用你知道吗?

目前,工业机器人大部分集中于传统的焊接、喷涂等领域,我国工业机器人的核心部件和整机市场仍被国外垄断,工业机器人要面向整个智能制造市场,还需要具备应对整个智能制造过程中大多数工艺的能力,而工业互联网则是实现智…

java 生成校验验证码_java生成验证码并进行验证

一实现思路使用BufferedImage用于在内存中存储生成的验证码图片使用Graphics来进行验证码图片的绘制,并将绘制在图片上的验证码存放到session中用于后续验证最后通过ImageIO将生成的图片进行输出通过页面提交的验证码和存放在session中的验证码对比来进行校验二、生…