es6 calss

桃扇骨 2021-09-16 02:28 94阅读 0赞

## 1.构造函数 ##

function Person(name,age){
        this.name=name;
        this.age=age;
    }
    Person.prototype={
        constructor:Person,
        print(){//方法
    
        }
    };
    //实例
    let person=new Person('zhangsan',19);
     //继承
     function Child(name,age) {
        Person.call(this,name,age); //继承属性
    }
    for (var i in Person.prototype) { //继承方法
        Child.prototype[i] = Person.prototype[i]
    }

## 2. class ##

//class的原理就是上面构造函数的封装,用起来更方便
    class Person { //构造器
        constructor(name, age) { //
            this.name = name; //==>属性
            this.age = age;
        }
        print() { //方法
            console.log(this.name)
        }
    }
    
    //实例化
    let person = new Person('zhangsan', 19);
    
    //继承
    
    class Child extends Person{//extends就是继承
        print() { //方法
    
        }
    }
    
    //super
    class Child extends Person{//extends就是继承
        constructor(name,age){
            super(name,age)
        }
        print() { //如果子类中存在构造函数，，则需要在使用“this”之前首先调用 super()。
            super.print();
            console.log(this.name)
        }
    }

发表评论取消回复

表情：

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

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

相关阅读

相关 ES6

ES6 let关键字 const关键字解构赋值 1.对象的解构赋值 2.在函数中使用解

墨蓝/ 2024年02月19日 17:02/ 0 赞/ 70 阅读

相关 ES6

Vue等框架与jQuery的区别： jQuery是基于操作dom的库 Vue是以数据驱动和组件化开发为核心 template 只能有一个根节点 ES6: 1.

旧城等待，/ 2023年07月15日 12:46/ 0 赞/ 129 阅读

相关 es6

1.http://pythontutor.com/visualize.html\mode=display 超好用的在线调试工具 2.let 增加块级作用域吧相当于，

骑猪看日落/ 2022年08月23日 04:47/ 0 赞/ 176 阅读

相关 es6？

转载：http://www.cnblogs.com/zr123/p/8353084.html //1.搭建ES6的开发环境； let a=1; console.log(

╰+攻爆jí腚メ/ 2022年06月01日 12:08/ 0 赞/ 211 阅读

相关 es6

ES6语法 ES6的相关概念 ECMAScript 2016，就是一个语法的规范，想比之前，更加的灵活，更加的方便 ES6新增的语法 let关键字作用：用来声明变量

短命女/ 2022年01月23日 06:39/ 0 赞/ 230 阅读

相关 ES6

> 转载地址： [https://www.jianshu.com/p/287e0bb867ae][https_www.jianshu.com_p_287e0bb867ae]

深碍√TFBOYSˉ_/ 2021年11月29日 08:20/ 0 赞/ 314 阅读

相关 es6 calss

1.构造函数 function Person(name,age){ this.name=name; this.age=age;

桃扇骨/ 2021年09月16日 02:28/ 0 赞/ 95 阅读

相关 es6

简介 - ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。

た入场券/ 2021年09月15日 15:40/ 0 赞/ 348 阅读

相关 ES6

ES6 1.let和const 2.ES6解构赋值 3.ES6箭头函数 4.ES6剩余参数 5.ES6扩展运算符... 6.ES6内置

野性酷女/ 2021年09月07日 06:16/ 0 赞/ 333 阅读

相关 ES6基础-ES6 class

![file][] 作者 | Jeskson 来源 | 达达前端小酒馆 > ES - Class 类和面向对象：面向对象，即万物皆对象，面向对象是我们做开发一种的方

我会带着你远行/ 2021年08月20日 00:23/ 0 赞/ 560 阅读