天天看点

JavaScript中类的创建以及类的传参

在之前(ES2015)以前我们常用构造函数来搞定一个事物类,通过new 这个构造函数实现类的功能!在ES6(ES2015)中已经可以使用类,下面我们看一下类如何创建以及类的传参!

类创建

class cars{
				constructor(){
					this.color="红色"
					this.size="2米"
					this.weight="2.3吨"
				}
				tool(){
					console.log("避雨,代步工具")
				}
			}
			let byd = new cars();
			console.log(byd.color)
			byd.tool()           

复制

通常我们使用class来表示声明一个类,在这个类中使用constructor函数指定这个类的属性,在其他地方可以指定类的方法!调取这个类的时候我们只需要去new 一个这个类来调用!

类传参

我们之前使用构造函数的时候可以直接传参,那么使用类方法该如何传参呢?

    我们在创建类的时候在constructor中传递形参,在实例化的时候进行传递实参调用!传参代码

class cars{
				constructor(color,size,weight){
					this.color=color
					this.size=size
					this.weight=weight
				}
				tool(){
					console.log("避雨,代步工具")
				}
			}
			let byd = new cars("白色","2.5米","2吨");
			let bwm = new cars("黑色","2.25米",".6吨");
			console.log(byd.color)
			byd.tool()
			console.log(bwm)
			bwm.tool()           

复制