React学习笔记（四）—— ES6 中class关键字的基本使用

1. ES6中class关键字是用于实现面向对象编程的新形式

function Person(name,age){
	this.name=name;
	this.age=age;
}
var person=new Person('zhangsan',18)

class Person{
	// 这是类中的构造器，如果没有手动指定构造器，可以认为类内部有看不见的空构造器
    // 构造器的作用就是每当执行new这个类的时候，必然会优先执行构造器中的代码
	constructor (name,age){
		this.name=name;
		this.age=age;
	}
}
const person=new Person('zhangsan',18)

2. 实例属性和实例方法 ==>通过new出来的实例访问到的属性叫实例属性

function Person(name,age){
	this.name=name;
	this.age=age;
	// this.show=function(){
	//	console.log(’这是实例方法‘)
	// }
}
Person.prototype.show=function(){
	console.log('这是Person的实例方法')
}
var person=new Person('zhangsan',18)

class Person{
	constructor (name,age){
		this.name=name;
		this.age=age;
	}
	hello(){
		console.log(’这是实例方法‘)
	}
}
const person=new Person('zhangsan',18)

3. 静态属性和静态方法==>通过构造函数直接访问到的属性叫做静态属性

function Person(name,age){
	this.name=name;
	this.age=age;
}
Person.info="aaaa";  // 这是静态属性
Person.show=function(){
	console.log('这是Person的静态方法')
}
var person=new Person('zhangsan',18)

class Person{
	constructor (name,age){
		this.name=name;
		this.age=age;
	}
	static hello(){
		console.log('这是静态方法')
	}
	static info="aaaa"  // 这是静态属性
}
const person=new Person('zhangsan',18)

4. 在class内部只能写静态属性，静态方法，实例属性和实例方法，其他都不能
5. class关键字内部还是用原来的普通构造函数来实现的，把class关键字称作语法糖
6. class使用 extends 实现子类继承父类，语法：class 子类 extends 父类

class Person{  // 父类
     constructor(name, age) {
         this.name = name;
         this.age = age;
     }
}
class American extends Person{ // 子类}
const a1=new American('jack',14)

7. class子类访问父类上的实例方法

class Person{
     constructor(name, age) {
         this.name = name;
         this.age = age;
     }
     sayHello(){
         console.log('hello')
     }
}
class American extends Person{}
const a1=new American('jack',14)
a1.sayHello()

8. class 类中 构造器中super()函数的使用说明

1.如果一个子类通过extends继承了父类，必须在子类的构造器中调用super()函数
2.子类中的super()就是父类中构造器的引用

9. class为子类挂载私用的实例属性和方法

class Person{
     constructor(name, age) {
         this.name = name;
         this.age = age;
     }
     sayHello(){
         console.log('hello')
     }
}
class American extends Person{
   constructor(name,age,idNum){
        super(name,age)
        this.idNum=idNum  // 子类的私有属性
   }
   sayN(){ // 子类的私有方法
       console.log("Nihao")
   }
}
const a1=new American('jack',14,"7908798")
a1.sayN()