ECMA6 004 class类

逃离我推掉我的手 2021-09-30 06:40 302阅读 0赞

//传统类写法
            function Demo(){
                this.name = 'zf';       // 实例化对象的属性
                this.fn = function(){    // 实例化对象的方法
                    alert('fn')
                }
            };
            Demo.prototype.age = 18;            // 实例化对象原型的属性
            Demo.prototype.fn2 = function(){    // 实例化对象原型的方法
                alert('fn2');
            };
            let a = new Demo();
            console.log(a);

console.log(a);如下

// ECMA6写法
            class Demo{
                constructor(){
                    this.name = 'zf';       // 实例化对象的属性
                    this.fn = function(){    // 实例化对象的方法
                        alert('fn')
                    }
                };
                fn2(){                // 实例化对象原型的方法
                    alert('fn2');
                };
                static fn3(){
                    alert('fn3');   // 类私有的属性 实例化对象无法获取它！
                }
            };
              Demo.prototype.age = 18; // 实例化对象原型的属性
              let a = new Demo();
            console.log(a);

console.log(a);如下
    
    注意：

a.fn2(); // 'fn2'
    //a.fn3(); // a.fn3 is not a function
    Demo.fn3() // 'fn3' static 声明的属性 只有类本身才能调用！

转载于:https://www.cnblogs.com/anduyinglufei/p/10372565.html

发表评论取消回复

表情：

评论列表（有 0 条评论，302人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6 class类

ES6中的类 js中生成实例对象的传统方法是通过构造函数。而ES6提供了更接近传统语言的写法，引入了class类这个概念，作为对象的模板，通过class类关键字，可以定义

女爷i/ 2023年07月03日 04:46/ 0 赞/ 99 阅读

相关 ECMA6.0(2015年)

ECMA6.0兼容性：支持的：IE10+ 、Chrome、FireFox、移动端、NodeJS 如何处理兼容： 1. 在线编译，引入一个browser.js库即（

我不是女神ヾ/ 2023年05月31日 07:23/ 0 赞/ 12 阅读

相关 ES6 class类

1、类class 类实际上是个“特殊的[函数][Link 1]”，就像你能够定义的[函数表达式][Link 2]和[函数声明][Link 3]一样，类语法有两个组成部分：

雨点打透心脏的1/2处/ 2023年02月21日 04:46/ 0 赞/ 81 阅读

相关 ES6（7）：class类

1. class介绍 ES6 提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6 的clas

分手后的思念是犯贱/ 2022年12月26日 08:17/ 0 赞/ 281 阅读

相关 ES6--class类

class类的使用详解 1.通过class定义类/实现类的继承 2.在类中通过constructor重新定义类 3.通过new来创建类的实例 4.通过exten

我会带着你远行/ 2022年12月06日 12:37/ 0 赞/ 348 阅读

相关 es6 class类

class类 class Person \{ constructor(name, age, job) \{ this.name = n

秒速五厘米/ 2022年06月08日 02:13/ 0 赞/ 373 阅读

相关 ECMA script6 promise知识点整理

promise 1. 异步：操作之间没什么关系，同时进行多个操作特点：代码复杂、 2. 同步：同时只能做一件事情

深碍√TFBOYSˉ_/ 2022年06月01日 06:52/ 0 赞/ 224 阅读

相关 ES6中的类（Class）

有过JavaScript开发经历的小伙伴们肯定都知道，`class`这个关键字一直以来都是作为系统保留字而不允许使用。而在ES6中，`class`关键字终于排上了用场。文

左手的ㄟ右手/ 2022年02月21日 13:53/ 0 赞/ 463 阅读

相关 ECMA6 004 class类

//传统类写法 function Demo(){ this.name = 'zf'; // 实例化对

逃离我推掉我的手/ 2021年09月30日 06:40/ 0 赞/ 303 阅读

相关 ES6--Class类

Class概述概述在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。 class 的本质是 function。它可以

喜欢ヅ旅行/ 2021年08月14日 00:29/ 0 赞/ 667 阅读