当前位置: 首页 > 编程日记 > 正文

为什么 JavaScript 的私有属性使用 # 符号

这几天 JavaScript 的私有属性又成为了前端社区热议的话题。原因很简单,这家伙长这样:

惊不惊喜!意不意外!

而且 TC39 委员会以及对此达成了一致意见,并且该提案已经进入了 stage 3。在 es 规范阶段 stage 3 是候选提案,又很大的可能会进入到下一个标准。到目前为止,已经可以确定会进入 es2019(es10) 标准的有 optional-catch-binding 和 proposal-json-superset。而这个 private 大概也只能进入到 es2020 后的标准了。

TC39 委员会解释道,他们也是做了深思熟虑最终选择了 # 符号,而没有使用 private 关键字。其中还讨论了把 private# 符号一起使用的方案。并且还打算预留了一个 @ 关键字作为 protected 属性?,不过这个 @ 已经被 decorator 使用了。

我们在此就不讨论这个语法到底丑不丑了,这不显而易见的吗,还用讨论吗。我们讨论一下为什么要使用 # 符号。

有人说,“如果这个进入了规范,我就再也不用 JavaScript了,以后项目都用 TypeScript 写”。

这就有点由不得你了,我们看 TypeScript 的官网介绍:

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

TypeScript 是 JavaScript 的超集,言外之意就是 js 有的 ts 也全都有。对于一个已经进入 stage 3 的提案,ts 当然不会坐视不理的。ts 也正在抓紧支持这个语法:All Bloomberg Changes for Private Fields and Methods。

也有人疑问:“为什么 ts 的私有属性就可以使用 private 关键字,而 js 就不行呢?”

因为 ts 的 private 和这个 # 语法完全是不同的东西。TypeScript 是一种静态类型语言而不是强类型语言(有争议)。private 只是在编译时做检查,最终生成的 js 代码中被 private 修饰的属性依然是公开的。

那为什么不使用下划线(_)呢,毕竟这个已经是私有属性的非正式的最佳实践了?

之所以不选择下划线是出于兼容性考虑,另一个由于兼容性而妥协的提案是 JavaScript 社区由一个库引发的“smoosh门”事件到底怎么回事? 由于下划线是合法的 js 变量标识符所以很多的代码都使用了下划线,如果新的 js 规范把下划线开头的变量作为私有属性,那么会导致很多就代码无法运行。比如知名的 lodash 和 underscore 库就是使用的下划线,这两个库每周在 npm 的下载量是 2 千万。

“为什么不使用 private?”

这里有一个经典的例子:

class Foo {private value;equals(foo) {return this.value === foo.value;}
}
复制代码

在很多面向对象语言中都有这种写法,判断类的两个实例是否相等。如果在 js 中也这么写,会有一些问题。

在静态类型语言中,我们可以明确的知道传入的参数是 Foo 类型,因此在 Fooequals 方法中我们可以访问 foo 的私有属性 value。但是 js 是动态类型的,我们无法知道参数 foo 的类型,如果我们传入了 {value: '123'} 会,则函数的行为不符合我们的预期。这也导致了该函数有时访问的是私有属性,有时访问的是公有属性。

另一方面,私有属性只在类的内部可以访问,外部无法访问,甚至不知道此变量的存在。因此在 JavaScript 中同名的私有属性和公有属性可以同时存在,两者使用 # 做区分。

如果使用 private 进行修饰,则我们可以探测类的私有属性:

foo.bar = 1; // Error: `bar` is private! (boom... detected)
复制代码

或者:

foo.bar = 1;
foo.bar; // `undefined` (boom... detected again)
复制代码

PS:虽然社区的整体意见是使用 private 代替 #,但是 TC39 的意见很坚决。

最后,这种引入私有属性的方式,其实隐式的为 js 引入了静态类型。

相关文章:

程序员感悟----路该怎么走

有一句话我一直记得很深,“当人深处迷茫之中时早已不再迷茫”。很绕很矛盾的话,也可能有人听到后会马上跳脚喊,我一直迷茫怎么还是迷茫呢?呵呵。静一下想一下再喊。 大家都这么大了,路该怎么走,你知道么&am…

1020 Tree Traversals

1. 有这样一个经典结论:中序序列可以和先序序列、后序序列、层序序列中的任意一个来构建唯一的二叉树,而后三者两两搭配或者三个一起上都不行。因为从本质上来说,后三者都只提供根结点,只有通过中序才能区分左右子树。 2. 本题用…

Android添加权限大讲解

http://bbs.51cto.com/thread-1096739-1.html 对于新手来说,最烦恼的不是如何从网上下载到安卓项目,而是下载到的安卓项目不知道如何添加权限和要添加哪些权限。现在就针对安卓的权限来讲解这些权限应该具体用在什么地方 首先在项目下找到 AndroidManife…

经典算法之选择排序

问题 有一数组a,长度为n,把数组中的元素从大到小重新排列 思路 选择排序十分容易理解。可以理解为有一个盘子,里面装着很多钻石,你可以从里面拿钻石,但一次只可以拿一颗。第一次你当然会拿最大的出来了,第二…

PHP 读写数据库出现中文乱码问题

一、我在PHP读写数据库时,出现中文乱码问题的解决方案: 1、加入一句话就行了: mysql_query("set character set utf8");//读库 mysql_query("set names utf8");//写库 //其实读写都可以只加入 m…

1086 Tree Traversals Again

1. 这题的核心部分是,根据二叉树的先序序列和中序序列求后序序列。等于是在1020 Tree Traversals这一题的基础上,把怎么得到先序序列和中序序列的难度加大了,不是直接给出,而是要曲折一点得到。 2. 先序序列的得到就是把Push后面…

Eclipse的Java工作集和多工程构建路径

一、Java工作集: Eclipse有一个小功能,就是创建Java Working Set。它的作用是解决Package Explorer窗格中创建很多工程时出现拥挤的麻烦。 在创建(New对话框)时可以加入原来存在的Java工程。创建完后,在左方Package Ex…

ORA-08002: sequence MySeq.currval is not yet defined in this session

2019独角兽企业重金招聘Python工程师标准>>> MySeq.currval 从你的会话中的MySeq序列获取最新的值并返回,因此,它未曾被定义,直到你在你的会话中至少一次用MySeq.NEXTVAL获取一个值。CURRVAL的目的是让你在你的代码中使用某个序列…

【Vegas原创】exp时,ORA-00932: 数据类型不一致解决方法

现象: EXP-00056: 遇到 ORACLE 错误 932 ORA-00932: 数据类型不一致: 应为 BLOB, CLOB, 但却获得 CHAR EXP-00000: 导出终止失败 解决方法: 运行2个脚本: SQL> ?/rdbms/admin/catmetx.sql SQL> ?/rdbms/admin/utlrp.sql 转载于:htt…

1102 Invert a Binary Tree 需再做

1. 题目的输入是&#xff0c;先给出结点总数N&#xff0c;然后N行给出的是值为x&#xff08;0<x<N-1&#xff09;的结点的左右结点的值&#xff0c;若不存在左/右结点&#xff0c;则值为 - 。 2. 这一题我用动态链表没有做出来&#xff0c;根据参考书提示改用静态链表。…

iOS安全攻防(八)Thoes的Logos简介

个人原创&#xff0c;转帖请注明来源:cnblogs.com/jailbreaker 上一篇帖子&#xff0c;讲到使用iOSOpenDev开发基于Theos的Tweak,功能Hook了SpringBoard的 -(void)applicationDidFinishLaunching:(id)application。 先简单讲一下Hook,Hook中文翻译为“钩子”&#xff0c;非常形…

Algs4-1.1.13编写一段代码,打印出一个M行N列的二维数组的转置(交换行和列)

1.1.13编写一段代码&#xff0c;打印出一个M行N列的二维数组的转置(交换行和列&#xff09;。public class Test{public static void main(String[] args){//初始化int MInteger.parseInt(args[0]);int NInteger.parseInt(args[1]);String[][] arraynew String[M][N];for (int…

1053 Path of Equal Weight

1. 以下两组关系很大的概念 树的深度优先搜索 - 先根遍历 - 递归 树的广度优先搜索 - 层序遍历 - 非递归 本题考察的是前者&#xff0c;我设置了这样一个结构体 struct Prestruct{int totalWei 0;vector<int> pre; };Prestruct pre[maxn]; pre[idx].pre向量存放父节…

MapXtreme 2005 学习心得 在地图上创建点/线并显示标注(五)

新建示例 1&#xff1a;新建项目 新建一个网站&#xff0c;选择MapXtreme 6.7.1 Web Application在App_Code中&#xff0c;我们新建一个类&#xff0c;起名叫:LayerManager.cs2&#xff1a;把上节函数放到类LayerManager中 把上一节的函数代码全copy过来&#xff0c;还有using的…

无人驾驶——对frenet坐标的理解

好的确定车和路之间的关系&#xff0c;我们通常将车辆的在大地坐标坐标转化为车辆和道路之间的frenet坐标。 可能有人会疑问为什么转换后就方便了呢&#xff1f;我们来看一个例子。 在大地坐标下&#xff1a; 无人车首先要知道红色车的位置。通过传感器得到目标在车辆坐标系下的…

1079 Total Sales of Supply Chain

1. 这道题考察的是树的层次遍历&#xff0c;结点需要有层这个属性&#xff0c;对于我来说&#xff0c;难点在于什么时候给层赋值&#xff0c;看书后知道应该是在加入队列之前(不管是根节点还是之后所有节点)。 2. 一开始算得216&#xff0c;原因是把r直接加一当作底数&#xf…

在VS下用C语言连接SQLServer2008

在VS下用C语言连接SQLServer2008 原文:在VS下用C语言连接SQLServer2008 step1:启动SQLSERVER服务 step2:打建立数据库test,在test库中建立test表(a varchar(200),b varchar(200)) step3:建立系统DSN,开始菜单 ->运行 ->odbcad32, 添加->SQL SERVER Native Client 1…

canvas.width和canvas.style.width区别以及应用

今天讲的内容是canvas.width和canvas.style.width的区别&#xff0c;在没有做canvas项目之前&#xff0c;其实我是并没有深入了解过这两个属性的&#xff0c;最近在研究canvas项目的自适应问题&#xff0c;尤其是在canvas中置入图片&#xff0c;碰到了图片模糊的问题&#xff0…

vj p1042捕风捉影 题解

原体叙述 题意就是让你找出m,n之间的既是回文数又是素数的数 此题完全可以打表。除打表外&#xff0c;方法如下&#xff1a; 构成法 根据数学知识可知&#xff0c;如果一个回文数为偶数位&#xff0c;则必然能被11整除。 即所找的结果必为奇数位。 这样&#xff0c;大致方法就出…

1090 Highest Price in Supply Chain 需再做

1. 由于用不上结点的数据域&#xff0c;所以可以只用整型向量数组存放每一个结点的子节点下标即可。 2. 涉及到层次&#xff0c;未必用层次遍历&#xff0c;本题用先根遍历&#xff0c;也就是深度优先代码更优雅。 3. 这题创建树未必难&#xff0c;但是题目有一句话必须读懂e…

有关Adobe公司的PostScript语言授权问题

各位大神好&#xff1a; 最近公司打算用PostScript语言开发一款打印机产品&#xff0c;本人现在正对这方面予以了解&#xff0c;但是关于Postscript却一无所知&#xff0c;请问园子里的大神们有没有知道的。 我是想咨询一下有关adobe公司在上世纪80年代公司刚成立的时候所推出的…

INTERSECT/EXCEPT VS. IN/NOT IN

我真是OLD到死&#xff0c;虽然记得以前肯定看到过INTERSECT/EXCEPT这两个关键字&#xff0c;前不久还在羡慕Oracle有/-集合操作符而SQL Server怎么竟然没有。。。现在想想难怪当初微软面试的时候面试官告诉我最好了解一下SQL Server 2005新的函数。。。 下面翻译一下http://ww…

聊聊storm的stream的分流与合并

序 本文主要研究一下storm的stream的分流与合并 实例 Testpublic void testStreamSplitJoin() throws InvalidTopologyException, AuthorizationException, AlreadyAliveException {TopologyBuilder builder new TopologyBuilder();builder.setSpout("sentence-spout&quo…

1106 Lowest Price in Supply Chain

1. 本题和1090 Highest Price in Supply Chain适成对比&#xff0c;都是先构建一棵树&#xff0c;但本题是求最小层数和个数&#xff0c;链接题是求最大层数和个数。在极值更换和个数更新方面&#xff0c;两道题是一样的&#xff0c;但要注意&#xff0c;如果是求最小&#xff…

积极拥抱.NET Core开源社区

潘正磊在上海的Tech Summit 2018 大会上给我们的.NET Core以及开源情况带来了最新信息。 .Net Core 开源后取得了更加快速的发展&#xff0c;目前越活跃用户高达400万人&#xff0c;每月新增开发者45万&#xff0c;在 GitHub 上的月度增长达到15%。目前有来自超过3,700家企业的…

13_文件的操作模式

私有文件访问测试 package cn.itcast.test;import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileInputStream;import android.test.AndroidTestCase; import android.util.Log;public class AccessOtherAppPrivateTest extends AndroidTestCase {p…

Vcastr 2.2 flv 网络播放器 参数设置

Vcastr 2.2 flv 网络播放器 参数设置 参数名称参数说明默认值vcastr_file方法2传递影片flv文件地址参数&#xff0c;多个使用|分开空vcastr_title影片标题参数&#xff0c;多个使用|分开&#xff0c;与方法2配合使用空vcastr_xml方法3 传递影片flv文件地址参数&#xff0c;样板…

1094 The Largest Generation

1. 开始测试点1答案错误&#xff0c;上网查了发现是因为用了层次遍历的原因&#xff0c;改成先根遍历&#xff0c;即DFS答案就正确了。启示&#xff1a;BFS不行就试试DFS。 2. 这题也不需要结构体数组&#xff0c;向量数据即可&#xff0c;有几个较为关键的变量 int numOflay…

JS魔法堂:mmDeferred源码剖析

一、前言                             avalon.js的影响力愈发强劲&#xff0c;而作为子模块之一的mmDeferred必然成为异步调用模式学习之旅的又一站呢&#xff01;本文将记录我对mmDeferred的认识&#xff0c;若有纰漏请各位指正&#xff0c;谢谢…

asp vb 插入,更新,删除数据库操作。

记笔记。离开学校&#xff0c;东西都还给老师了&#xff0c;哎。Select Case str Case "insert": sql"select * from ["&tablename&"] where idnull" rs.open sql,conn,1,3 rs.addnew For Each key In request.Form …