ES6 Class中实现私有属性的一些方法总结
私有属性
私有属性是面向对象编程(OOP)中非常常见的一个特性,一般满足以下的特点:
- 能被class内部的不同方法访问,但不能在类外部被访问;
- 子类不能继承父类的私有属性。
备胎Class
时间回到四年前,2015年6月,ES6发布成为标准,为了纪念这个历史性时刻,这个标准又被称为ES2015,至此,JavaScript中的class从备胎中转正。在这之前,class一直作为JS的关键字,雪藏不见天日。
class被认为是JS的一种语法糖,它为JavaScript带来了用面向对象的思想描述一个实体的能力。但似乎还远远不够,class的能力远没满足JS开发者们的期待。于是,TC39的大佬们也努力地去做到更好,并推出了一项新的提案:
class Foo { #a; // 私有属性 constructor(a, b) { this.#a = a; this.b = b } }
上面私有属性的声明,需要先经过Babel等编译器编译后才能正常使用。
提案已经到Stage 3了,未来可期!
可是,一众JSer们已经等不及了......
JSer的挣扎
通过对数据的一定封装,JS开发者们走上了曲线实现“私有属性”之路。
1. 约定俗成
JS界以一种不成文的规定,在变量前加上下划线"_"前缀,约定这是一个私有属性;但实际上,它仍然是一个穿上皇帝新衣般的公共属性。
2. 闭包
在constructor作用域内定义局部变量,内部载通过闭包的方式对外暴露该变量。
这种方式,虽然实现了私有属性外部不可访问,但在类内部,该属性同样没法在不同的方法内共享,仍然不是严格意义上的“私有属性”。
3. Symbols & Getters
利用Symbol变量可以作为对象key的特点,我们可以模拟实现更真实的私有属性。
可是,也不是毫无破绽:
借助getOwnPropertySymbols方法可以取出对象的Symbol键值。
4. WeakMap & Getters
WeakMap的实现与Symbol如出一辙。
巨人的肩膀
以上,是目前阶段JS实现属性私有比较可行的方案,可能实际中很少应用,但如果你在面试中遇到这个问题,或许这些方案可以参考下。
然后,所有这些方案里面,建议选TypeScript的private。
最后,关于JS中实现私有属性,欢迎读者们评论交流你的看法~
参照:
ECMAScript Classes - Keeping Things Private
原文:Github
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持。
相关推荐
-
ES6中Class类的静态方法实例小结
本文实例讲述了ES6中Class类的静态方法.分享给大家供大家参考,具体如下: 以前看过的es6的东西,又忘了,再总结下: 类相当于实例的原型,所有在类中定义的方法,都会被实例继承.如果在一个方法前,加上static关键字,就表示该方法不会被实例继承,而是直接通过类来调用,这就称为"静态方法" class Foo { static classMethod() { return 'hello'; } } Foo.classMethod() // 'hello' var foo = new
-
es6新特性之 class 基本用法解析
javaScript 语言中,生成实例对象的传统方法是通过构造函数,与传统的面向对象语言(比如 C++ 和 Java)差异很大,ES6 提供了更接近传统语言的写法,引入了 class(类)这个概念,作为对象的模板.通过class关键字,可以定义类. es6 class 与es5的面向对象的区别: 1. 写法不同,使用关键字class 2.当new一个实例,默认有一个constructor方法,且默认返回实例对象(this),也可以返回另一对象 3.类的所有方法都在prototype属性上,但是不
-
解读ES6中class关键字
class是es6引入的最重要特性之一.在没有class之前,我们只能通过原型链来模拟类. 1 .介绍 //定义类 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; } } Point类除了构造方法,还定义了一个toString方法.注意,定义"类"的方法的时候,前面不需要加上function这个关键字,
-
ES6中class类用法实例浅析
本文实例讲述了ES6中class类用法.分享给大家供大家参考,具体如下: 类语法是ES6中新增的一个亮点特色.我们熟悉的JavaScript终于迎来了真正意义上的类.在之前,想要通过javascript来实现类,通常会采用如下构造函数的模式: function Person(name,age,job){ this.name = name; this.age = age; this.job = job; this.friends = ['Shelby','Court']; } Person.pro
-
ES6入门教程之Class和Module详解
本文主要介绍了ES6中Class和Module的相关内容,分享出来供大家参考学习,下面来看看详细的介绍: 一.Class ES6引入了Class(类)这个概念,作为对象的模板.通过class关键字,可以定义类. // 定义类 class Point() { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; } } var point = new
-
深入浅析ES6 Class 中的 super 关键字
以下只是个人的学习笔记: super这个关键字,既可以当作函数使用,也可以当作对象使用.在这两种情况下,它的用法完全不同. 1.当作函数使用 class A {} class B extends A { constructor() { super(); //ES6 要求,子类的构造函数必须执行一次super函数. } } 注意,super虽然代表了父类A的构造函数,但是返回的是子类B的实例,即super内部的this指的是B,因此super()在这里相当于A.prototype.construc
-
JavaScript ES6的新特性使用新方法定义Class
ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了).上一次标准的制订还是2009年出台的ES5.目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本.但大部分标准已经就绪,且各浏览器对ES6的支持也正在实现中. ES6中定义类的方式, 就是ES3和ES5中定义类的语法糖,虽然也有些区别,但是整体定义类的方式更加简洁,类的继承更加方便, 如果想对ES6中的继承更加
-
ES6 javascript中class静态方法、属性与实例属性用法示例
本文实例讲述了ES6 javascript中class静态方法.属性与实例属性用法.分享给大家供大家参考,具体如下: 类相当于实例的原型, 所有在类中定义的方法, 都会被实例继承. 如果在一个方法前, 加上static关键字, 就表示该方法不会被实例继承, 而是直接通过类来调用, 这就称为" 静态方法". class Foo { static classMethod() { return 'hello'; } } Foo.classMethod() // 'hello' var foo
-
JavaScript ES6中CLASS的使用详解
前言 对于javascript来说,类是一种可选(而不是必须)的设计模式,而且在JavaScript这样的[[Prototype]] 语言中实现类是很蹩脚的. 这种蹩脚的感觉不只是来源于语法,虽然语法是很重要的原因.js里面有许多语法的缺点:繁琐杂乱的.prototype 引用.试图调用原型链上层同名函数时的显式伪多态以及不可靠.不美观而且容易被误解成"构造函数"的.constructor. 除此之外,类设计其实还存在更进一步的问题.传统面向类的语言中父类和子类.子类和实例之间其实是复
-
ES6 Class中实现私有属性的一些方法总结
私有属性 私有属性是面向对象编程(OOP)中非常常见的一个特性,一般满足以下的特点: 能被class内部的不同方法访问,但不能在类外部被访问: 子类不能继承父类的私有属性. 备胎Class 时间回到四年前,2015年6月,ES6发布成为标准,为了纪念这个历史性时刻,这个标准又被称为ES2015,至此,JavaScript中的class从备胎中转正.在这之前,class一直作为JS的关键字,雪藏不见天日. class被认为是JS的一种语法糖,它为JavaScript带来了用面向对象的思想描述一个实
-
谈谈Python:为什么类中的私有属性可以在外部赋值并访问
Python:为什么类中的私有属性可以在外部赋值并访问? 问题引入 在慕课网上学习Python**类中的私有属性**的时候,看到了一个同学的提问: 将count改为__count,为什么实例变量在外部仍然可以修改__count?这里print p1.__count可以打印出100 class Person(object): __count = 0 def __init__(self, name): Person.__count = Person.__count + 1 self.name = n
-
python直接访问私有属性的简单方法
实例化对象名._类名__私有属性名 class Flylove: price = 123 def __init__(self): self.__direction = 'go beijing .' zIng = 'wait car,many person' if __name__ == '__main__': print Flylove.price fly = Flylove() print fly._Flylove__direction 以上这篇python直接访问私有属性的简单方法就是小编分
-
实例讲解Python中的私有属性
在Python中可以通过在属性变量名前加上双下划线定义属性为私有属性,如例子: 复制代码 代码如下: #! encoding=UTF-8 class A: def __init__(self): # 定义私有属性 self.__name = "wangwu" # 普通属性定义 self.age = 19 a = A() # 正常输出 print a.ag
-
如何在JavaScript中实现私有属性的写类方式(一)
之前讨论过JavaScript中的写类方式.但没有讨论私有的实现.这篇看下. 我们知道JS中私有属性的实现本质就是 var + closure.如下 复制代码 代码如下: function Person(n, a){ // public this.name = n; // private var age = a; this.getName = function(){ return this.name; } this.getA
-
如何在JavaScript中实现私有属性的写类方式(二)
上一篇写了个工具函数$class,这篇再完善以下.实现以下功能 1,继承 2,子类继承父类时,不继承父类的私有属性 复制代码 代码如下: /** * @param {String} className * @param {String/Function} superCls * @param {Function} classImp */function $class(className, superCls, classImp){ if(superCls === '') superC
-
java中读写Properties属性文件公用方法详解
前言 大家都知道Java中有个比较重要的类Properties(Java.util.Properties),主要用于读取Java的配置文件,各种语言都有自己所支持的配置文件,配置文件中很多变量是经常改变的,这样做也是为了方便用户,让用户能够脱离程序本身去修改相关的变量设置.像Python支持的配置文件是.ini文件,同样,它也有自己读取配置文件的类ConfigParse,方便程序员或用户通过该类的方法来修改.ini配置文件.在Java中,其配置文件常为.properties文件,格式为文本文件,
-
Centos 7中Docker私有仓库的搭建方法
系统配置: CentOS 7 内核 3.10.0-229.20.1.el7.x86_64 , Docker version 1.8.2 运行 docker registry 执行下列命令: 复制代码 代码如下: docker run / -d / --name private_registry --restart=always / -e SETTINGS_FLAVOUR=dev / -e STORAGE_PATH=/registry-storage /
-
JavaScript中Number.MAX_VALUE属性的使用方法
Number.MAX_VALUE 属性属于静态Number对象.这代表了最大可能的正数的JavaScript可以一起工作的常量. 该常量有实际的值为 语法 可以使用以下语法访问该值: var val = Number.MAX_VALUE; 示例 : 这里是表示属性的使用的例子. <html> <head> <script type="text/javascript"> <!-- function showValue() { var val =
-
PHP获取类中常量,属性,及方法列表的方法
复制代码 代码如下: $r = new ReflectionClass($this); Zend_Debug::dump($r->getConstants(), "Constants"); Zend_Debug::dump($r->getProperties(), "Properties"); Zend_Debug::dump($r->getMethods(), "Methods");
随机推荐
- asp.net下用js实现鼠标移至小图,自动显示相应大图
- Vue.js学习之过滤器详解
- SuperSlide2实现图片滚动特效
- JavaScript实现iframe自动高度调整和不同主域名跨域
- js Map List 遍历使用示例
- myeclipse8.5优化技巧详解
- JSP中动态合并单元格的实例代码
- C++快速幂与大数取模算法示例
- vue高德地图之玩转周边
- MySQL数据库的一次死锁实例分析
- MySQL 5.6.13 解压版(zip版)安装配置方法
- 全国哀悼日网站页面变成灰色的filter方法
- 基于MySQL数据库复制Master-Slave架构的分析
- javascript执行环境及作用域详解
- jQuery制作效果超棒的手风琴折叠菜单
- 实例讲解JavaScript中的this指向错误解决方法
- C#之WinForm跨线程访问控件实例
- 仅4行代码实现Android快速文件下载
- Android 7.0 监听网络变化的示例代码
- python 字典修改键(key)的几种方法