标签: es6html
在es6之前,js没有类的概念,虽然有构造函数原型的方式用来作面向对向开发,可是对于书法并非十分友好,并且对于继承实现也不是十分友好。
es6引入class constructor extends super等关键字简化了JS面向对象写法,之后能够跟后端说JS也终因而有类的一门语言了,哈哈。
ES6的面向对象写法以下:es6
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>es6面向对象写法</title> </head> <body> <script> //js类写法 class Test{ constructor(a,b){ this.attr0 = a; this.attr1 = b; } fn(){ console.log(this.attr0,this.attr1) } } //初始化方法和之前构造函数原型方式同样,都是经过new关键字 var testFn = new Test(1,2); testFn.fn(); </script> </body> </html>
在线测试编程
es6经过extends super实现继承
示例代码以下:后端
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>es6面向对象继承写法</title> </head> <body> <script> //js类写法,Test类 class Parent{ constructor(a,b){ this.attr0 = a; this.attr1 = b; } fn(){ console.log(this.attr0,this.attr1); } } //写一个继承自Parent的类 class Child extends Parent{ constructor(a,b,c){ super(a,b);//实现继承parent上的方法&属性 this.attr2 = c; } fn0(){ console.log(this.attr2); } } //初始化方法和之前构造函数原型方式同样,都是经过new关键字 var testFn = new Child(1,2,3); testFn.fn(); testFn.fn0(); </script> </body> </html>
在线测试函数
我的以为自此jser真的能够愉快的进行面向对象编程了,666666,同时祝all新年快乐!!测试