JavaScript定义类的六种方式详解

1、下面两种方式是创建对象的两种基本方式，他们的原型就是 Object

【1】创建一个 Object 实例

var person = new Object();
person.name = "rose";
person.age = 18;
person.job = "actor";

person.sayName = function () {
    console.log(this.name);
};

console.log(person);

【2】对象字面量

var person = {
    name: "rose",
    age: 18,
    job: "actor",

    sayName: function () {
        console.log(this.name);
    },
};

console.log(person);

2、在前端开发中，经常需要定义JS类。那么在JavaScript中，定义类的方式有几种，分别是什么呢？本文就JS定义类的六中方式说明如下（案例说明）：

【1】工厂方式

function Car(){
    var ocar = new Object();
    ocar.color = “blue”;
    ocar.doors = 4;

    ocar.showColor = function(){
	document.write(this.color)
    };

    return ocar;
}

var car1 = Car();
var car2 = Car();

调用此函数时将创建新对象，并赋予它所有的属性和方法。使用此函数可以创建2个属性完全相同的对象。

当然可以通过给它传递参数来改版这种方式。

function Car(color,door){
    var ocar = new Object;
    ocar.color = color;
    ocar.doors = door;

    ocar.showColor = function(){
        document.write(this.color)
    };
    return ocar;
}

var car1 = Car(“red”,4);
var car2 = Car(“blue”,4);
car1.showColor() //output:”red”
car2.showColor() //output:”blue”