关于构造函数方法声明对象和类的区别

来源：2-2 ES6中的类

soso_crazy

2019-07-04 17:30:28

// 车类
class Car {
    // 构造函数 - (工厂中接头人)
    // 实例化 - (造车的过程) => 类创建对象(实例)的过程

    // whell = 4;

    // 构造函数constructor 可以传递参数，在调用时接收构造函数的参数 new Car('构造函数传递的参数')
constructor(wheel, color, length, width) {
        // this指实例化的对象car1、car2
        // this.属性 在实例化对象上添加属性
        this.whell = wheel;
        this.color = color;
        this.length = length;
        this.width = width;

        this.speed = 0;
    }

    // 加速
    // 添加一个方法，在原型对象上添加方法，Car.prototype对象上添加speedUp方法
    speedUp() {
        this.speed += 1;
    }
}

// constructor是构造方法，调用类的时候需要new
const car1 = new Car(3, '#f00', 20, 40);
const car2 = new Car(33, '#ff0', 88, 99);

console.log(car1, car2);


-----------------------------------------------
function Car(wheel, color, length, width){
        this.whell = wheel;
        this.color = color;
        this.length = length;
        this.width = width;
        this.speed = 0;
}

Car.prototype.speedUp=function(){
    this.speed += 1;
}

var car1=new Car(3, '#f00', 20, 40)


以上这两种方法的区别是什么？

写回答

2回答