JavaScript 进阶第七章（es6中的class ）

心凉透死心了对吗\\“\\”

es6的class 的呈现 根本上能够替换了es5的机关函数战本型,使之代码构造上愈加简约。
枢纽字

• class
  
• 属性
  
• 办法
  
• 持续 extends
  
• 机关函数 constructor
  
• 办法重写 override：子类办法笼盖女类，super.女类办法()
  
• 女类的机关函数 super ：子类有机关办法且利用this前，必需利用super()
  

代码展现 

1.   class Person {
2.       // 机关办法
3.       constructor(name) {
4.         // 属性
5.         this.name = name;
6.       }
7.       // 办法
8.       say() {
9.         console.log(this.name);
10.       }
11.     }
12.         // 担当
13.     class Student extends Person{
14.       constructor(name,height){
15.         // console.log(this);                        // 语法毛病：必需先挪用super()才气利用this
16.         super(name);
17.         this.height=height;
18.       }
19.     }
21.     const s1=new Student("海海",18);
22.     s1.say();                                                        // 海海
24.         class Saler extends Person{
25.         constructor(name,age){
26.             super(name);
27.             this.age = age;
28.         }
29.         // 笼盖（重写）
30.         say(){
31.             // 会见女类办法
32.             super.say();                                // 小陈
33.             console.log(this.age);
34.         }
35.     }
37.         const s2 = new Saler('小陈',19);
38.         s2.say();                                                        // 19

复造代码

上一章：JavaScript 进阶第六章（this取函数的挪用形式 ）

下一章：JavaScript 进阶第八章（闭包）


免责声明：假如进犯了您的权益，请联络站少，我们会实时删除侵权内乱容，感谢协作！