Class

最新推荐文章于 2023-11-07 21:33:43 发布

原创最新推荐文章于 2023-11-07 21:33:43 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ES6

ES6 专栏收录该内容

10 篇文章

订阅专栏

"本文介绍了ES6中"class"关键字用于定义类的方式，强调了类的作用和构造方法的使用。类的方法定义无需`function`关键字，并指出静态方法通过类名调用，不被实例继承。此外，文章还讲解了如何使用`extends`进行类继承，以及`super`关键字在子类构造函数中的应用。"

class

class (类)作为对象的模板被引入，可以通过 class 关键字定义类。
class 的本质是 function,也可以说他是一个语法糖。使用class定义的类,没有变量提升.

类

作用:class写法可以让类的定义、继承更加的清晰，语法更加的面向对象
在Es6以前定义一个类需要:

function aa(x,y){
    this.name = name;
    this.age = age;
}
aa.prototype.bb = function(){
    console.log(this.name);
}

有了class之后:

class aa{
    constructor(name, age){
        this.name = name;
        this.age = age;
    }
    
    bb(){
        console.log(this.name);
    }
}

aa这个类中的constructor方法就是构造方法，它对应旧的写法中的aa函数

注意: 除了构造函数，aa类中还定义了一个bb方法，定义方法的时候前面不需要加入“function”，加了是会报错的。
class aa{
   constructor(name, age){
      this.name = name;
      this.age = age;
        }
     function bb(){
       console.log(this.name);
        }
}
方法与方法之间也不需要加逗号，加了也会报错,
     class aa{
         constructor(name, age){
         this.name = name;
         this.age = age;
    } ,
     bb(){
      console.log(this.name);
   }
}

类实例的构造

使用new命令实例化一个类的时候，会自动调用类中的constructor方法。一个类必须得有一个constructor方法，如果没有声明constructor，则会默认添加一个空白的constructor方法。

class aa{
	constructor(){  
		this.name = name
	}
}

类的静态方法

在方法前面加个static就会使该方法变为静态，成为只能通过类来调用的类方法。

class aa{
     static bb(){
        console.log(this === aa);
  	  }
}

定义了一个名为bb的静态方法，执行结果是输出了true。说明，在静态方法中的this指向的是类自己。
静态方法不会被实例继承，如果用实例出来的对象去调用静态方法则会报错。

类继承

使用extends 关键字继承

class aa{
	constructor(){  
		this.name = name
	}
} 
bb extends aa(name){
	this.name=name;
		console.log(name)
	}

总结:

. 使用class 定义的类没有变量提升;
使用extends 关键字继承构造方法 constructor(){ this.name = name}
子类必须在constructor方法中调用super(name,age)方法用来新建父类的this对象
静态方法:
静态方法是通过类名去访问,通过这个类实例化出来的对象不能访问静态方法;
-继承的子类通过使用类名.方法() 访问父类上的静态方法