javascript知识巩固------创建类、生成实例以及类的继承

创建类和生成实例应该注意以下几点
  1. 通过class关键字创建类,类名我们还是习惯定义首字母大写;
  2. 类里面有个constructor函数,可以接收传递过来的参数,同时返回实例对象;
  3. 对于constructor函数,一旦new生成实例时,就会自动调用这个函数,如果我们不写这个函数,类也会自动生成这个函数;
  4. 生成实例new不能省略;
  5. 注意语法规范:创建类 类名后面不要加小括号,生成实例 类名后面加小括号,构造函数不需要加function。
    eg:
	//1.创建类 class创建一个明星类
	class Star {
		//类的共有属性放到constructor里面
		constructor(uname,uage) {
			this.uname = uname
			this.uage = uage
		}
	}

	//2.利用类创建实例对象 new
	var wff = new Star('王霏霏',18)
	console.log(wff)
在类中添加方法
	//1.创建类 class创建一个明星类
	class Star {
		//类的共有属性放到constructor里面
		constructor(uname,uage) {
			this.uname = uname
			this.uage = uage
		}
		//类里面所有的函数不需要写function
		//多个函数方法之间不需要添加逗号分隔
		sing(song) {
			//console.log('我唱歌')
			console.log(this.uname + song)
		}
	}

	//2.利用类创建实例对象 new
	var wff = new Star('王霏霏',18)
	console.log(wff)
	//调用方法
	wff.sing('Hush')
类的继承
  • 案例1(使用extends关键字)
	//1.类的继承
	class Father {
		constructor() {
	
		}
		money() {
			console.log(100)
		}
	}

	class Son extends Father {
		
	}

	let son = new Son()
	son.money()
  • 案例2(使用extendssuper关键字)
    super关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数,也可以调用父类的普通函数。
	class Father {
		constructor(x,y) {
			this.x = x
			this.y = y
		}
		sum() {
			console.log(this.x + this.y)
		}
	}

	class Son extends Father {
		constructor(x,y) {
			super(x,y)//调用了父类中的构造函数,实现子类的constructor数据向父类的constructor传递参数
		}
	}

	let son = new Son(1,2)
	son.sum()
  • 案例3(super关键字调用父类普通函数)
	//super关键字调用父类普通函数
	class Father {
		say() {
			console.log('我是爸爸')
		}
	}

	class Son extends Father {
		say() {
			//console.log('我是儿子')
			console.log(super.say()+'的儿子')
			//super.say()就是调用父类中的普通函数say()
		}
	}

	let son = new Son()
	son.say()

继承中的属性或者方法查找原则:就近原则

  • 继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类的。
  • 继承中,如果子类里面没有,就去查找父类有没有这个方法,如果有,就执行父类的这个方法(就近原则)。

猜你喜欢

转载自blog.csdn.net/wennianzhu/article/details/107514135