ES6.0 类定义之私有变量与私有函数

最新推荐文章于 2023-09-26 13:14:45 发布
最新推荐文章于 2023-09-26 13:14:45 发布
阅读量1.8k 收藏 1
点赞数 2
文章标签： ES6.0 javascript ES2015
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rosone/article/details/72084761
版权

网上众说纷纭 ES6不支持私有变量与函数，对确实直接写不支持。


我们变通一下是可以的，以下是我的代码：

export var MyClass;


 (function () {
     var privateVar = 42;
     var me;//保存对this的引用用以调用公有变量或函数

     function privateFunc() {
         console.log('private func result' + me.publicMember);
     }


     MyClass = class myClass {
         constructor() {
	     me = this;
	     this.publicMember = 2; 
             console.log(privateVar); // 42
         }


         callPrivateFunc() {
             privateFunc();
         }
     }
 })();


test.js：

app.js:


import {
    MyClass
} from './test'

var myc = new MyClass;

myc.callPrivateFunc();


webpack编译一下：输出文件bundle.js


index.html

<!DOCTYPE html>

<html>


<head>
    <script src="bundle.js">
    </script>
</head>


</html>


运行打印结果如下：


[Log] 42 (bundle.js, line 86)
[Log] private func result (bundle.js, line 81)


华瞰Acangle
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
详解ES6系列之私有变量的实现
12-10
前言 在阅读 《ECMAScript 6 入门》的时候，零散的看到有私有变量的实现，所以在此总结一篇。 1. 约定 实现 class Example { constructor() { this._private = 'private'; } getName() { return this._private } } var ex = new Example(); console.log(ex.getName()); // private console.log(ex._private); // private 优点 写法简单 调试方便 兼容
es6 类的私有属性_es6 class实现静态属性、私有属性、方法
weixin_39897218的博客
12-19 538
1.class实现静态属性es6中实现了静态方法，但是没有静态属性class MyClass {constructor() {}static say() {}}以上的静态方法相当于class MyClass {}MyClass.say = function() {}静态属性特点：1.储存在类中的公共属性，实例之间共享一份2.不用实例化对象，直接在类上可访问。例如MyClass.getName()因...
ES6--变量私有化（对象代理）
萧墨的博客
04-18 516
1. ES3    为了保护变量，我们应该将某些变量私有化，使它无法被直接操作。    在ES3中，我们这样写：    function Animal(){    var data = { //这里不用this.name, this.sound，那么实例就无法直接操作name和sound了        name: 'juju',        sound: 'meow'    };      t...
JavaScript如何实现私有变量私有方法
weixin_33923148的博客
03-05 719
前言 大家都知道JavaScript不像Java这类强类型语言，有特定的字面量（private）来定义参数为类的私有参数；那JavaScript如何能实现私有变量呢，下面来介绍几种实现方式。 一、函数作用域封装局部变量的方式。 1.1 闭包定义局部变量（自执行函数） var PClass = (function(){ var a = '私有变量'; var getA = funct...
详解ES6的类
lisusususuli的博客
02-20 1733
基础 一个简单的示意图 ES5实现构造函数和实例对象 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';}; var p = new Point(1, 2); ES6...
详解JavaScript 新语法之Class 的私有属性与私有方法
10-17
在上面的`Foo`类中，`#method`是一个私有方法，它被类的构造函数调用，但是不能在类的外部被调用。 当涉及到继承时，私有属性和方法的行为就有点特殊了。在子类中，我们无法直接访问父类的私有属性，它们仍然保持...
js定义类的方法示例【ES5与ES6】
10-16
ES5版本通常通过构造函数和原型的结合使用来模拟类的行为，而ES6则引入了class关键字来更直观和简洁地定义类。 在ES5中，定义一个类通常需要创建一个构造函数，并在该构造函数中初始化对象的属性。如果需要方法，则...
Elasticsearch之分页变量
01-20
es 提供了3种方式来解决分页与遍历的问题： – from/size – scroll – search_afterForm/Size 最常见的分页方案 – from指明开始位置 – size 指明获取总数 scroll 遍历文档集的 api，以快照的方式来避免深度分页的...
使用ElasticSearch6.0快速实现全文搜索功能的示例代码
08-28
ElasticSearch6.0快速实现全文搜索功能的示例代码 本文主要介绍了使用ElasticSearch6.0快速实现全文搜索功能的示例代码，包括 ElasticSearch 的安装、配置、 IK 分词库、readonlyrest 插件、elasticsearch.yml 配置...
es6 类的私有属性_JavaScript ES6类中的私有属性
weixin_40008870的博客
12-19 256
蓝山帝景要扩展@loganfsmyth的回答：JavaScript中唯一真正私有的数据仍然是作用域变量。不能以与公共属性相同的方式在内部访问私有属性，但是可以使用范围变量来存储私有数据。作用域变量这里的方法是使用构造函数的作用域(它是私有的)来存储私有数据。要使方法能够访问这些私有数据，它们也必须在构造函数中创建，这意味着您要用每个实例重新创建它们。这是一个性能和内存的惩罚，但一些人认为这个惩罚是...
ES6 Class中实现私有属性的一些方法总结
10-16
主要给大家介绍了关于ES6 Class中实现私有属性的一些方法，文中通过示例代码介绍的非常详细，对大家学习或者使用ES6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
请你设计一下ES6中 class 类实现私有属性
qq_37833745的博客
08-18 1282
为什么会出现class 其实，学过java的小伙伴一定对class熟悉不过了。那为什么JS里面还要引入class呢？ 在 es6 之前，虽然 JS 和 Java 同样都是 OOP （面向对象）语言，但是在 JS 中，只有对象而没有类的概念。 es6 中 class 的出现拉近了 JS 和传统 OOP 语言的距离。但是，它仅仅是一个语法糖罢了，不能实现传统 OOP 语言一样的功能。在其中，比较大的一个痛点就是私有属性问题。 何为私有属性？ 私有属性是面向对象编程（OOP）中非常...
解析es6中let和const并模拟实现私有变量
最新发布
菜菜程序员
09-26 236
模块模式利用了函数作用域和闭包的特性，将私有变量和方法封装在一个函数内部，并返回一个包含公有方法的对象。作用域是一个决定变量可见性和访问性的概念。我们可以创建一个函数，该函数包含了需要保护的变量，并返回用于访问和修改这些变量的方法。闭包是 js 中的一个概念，它允许函数访问其外部作用域的变量，即使外部作用域已经执行完毕。但需要注意的是，对于引用类型的变量，虽然变量本身不可重新赋值，但其属性仍然可以修改。然后，通过返回一个包含公有方法的对象，我们可以访问和操作私有变量，同时将其封装起来，不会受到外部的干扰。
ES6中实现class私有属性
Winne_Shen的专栏
10-12 1026
私有属性，即仅在当前class中有访问和修改权限，子类无法继承父类的私有属性。 下面为思考过程，若要看结果，直接跳到方案四 方案一：(错误示范） let ClsA = (function(){ let _x class Cls { setX = (x) => { _x = x } getX = () => { return _x } } return Cls })() let clsA = new ClsA console.log(clsA) // 输出
es6 类的私有属性_ES6 Class 类总结
weixin_39872893的博客
12-30 1183
ES6的class实际上是原型继承被底层隐藏起来了如何使用ES5代码创建类：// 飞机的构造函数 function Plane(numEngines) { this.numEngines = numEngines; this.enginesActive = false; } // 所有实例继承的方法 Plane.prototype.startEngins = function(){ ...
ES6 class类中定义私有变量
weixin_30252709的博客
06-08 2722
ES6 class类中定义私有变量 class类的不足 看起来， es6 中 class 的出现拉近了 JS 和传统 OOP 语言的距离。但是，它仅仅是一个语法糖罢了，不能实现传统 OOP 语言一样的功能。在其中，比较大的一个痛点就是私有变量问题。 何为私有变量？私有变量就是只能在类内部访问的变量，外部无法访问的变量。在开发中，很多变量或方法你不想其他人访问，可以定义为私有变量，防止被其他人使用。...
JavaScript ES6类中的私有属性
CHCH998的博客
05-15 354
Is it possible to create private properties in ES6 classes? 是否可以在ES6类中创建私有属性？ Here's an example.
ES6中的类（Class）
热门推荐
『愚』的博客
11-29 1万+
ES6中的类（Class）类的基本语法constructor方法this与class（原型）属性与方法添加到this上属性与方法添加到类上类的静态成员 类的基本语法 ES6提供了更接近面向对象（注意：javascript本质上是基于对象的语言）语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。 基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 //定义
ES7-ES11新特性
qq_39165819的博客
06-14 159
ES8新特性 1.async和await async和await两种语法结合可以让异步代码像同步代码一样1.async2.await表达式async练习 await练习 ajax和async应用 2.ES8的对象方法扩展 ES9特性 反向断言 dotAll模式 ES10特性 1.Object.fromEntries 将二维数组或者map转换为对象 es8中有Object.entries是将对象转换为二维数组 效果 2.trimStart和trimEnd 去掉字符串前后空白字符 3. Arra
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值