javascript 创建对象常用几种方式_javascript 创建function + class-优快云博客

本文深入探讨了JavaScript中创建对象的六种常见模式：工厂模式、构造函数模式、原型模式、直接创建Object实例、字面量方式及class类定义。每种模式的特点和使用场景被详细阐述，为开发者提供了丰富的选择依据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.工厂模式

function Person(name, age, job){

var o = new Object();

o.name = name;

o.age = age;

o.job = job;

o.sayName = function(){

alert(this.name);

};

return o;

}

var person = Person("Greg", 27, "Doctor");

person.sayName();// Greg

工厂模式虽然解决了创建多个相似对象的问题，但却没有解决对象识别的问题（即不能知道一个对象的类型）

2.构造函数模式

function Person(name, age, job){

this.name = name;

this.age = age;

this.job = job;

this.sayName = function(){

alert(this.name);

};

}

var person = new Person("Greg", 27, "Doctor");

person.sayName();// Greg

构造函数始终都应该以一个大写字母开头，而非构造函数则应该以一个小写字母开头

3.原型模式

function Person(){}

Person.prototype.name = "Nicholas";

Person.prototype.age = 29;

Person.prototype.job = "Software Engineer";

Person.prototype.sayName = function(){

alert(this.name);

};

var person = new Person();

person.sayName();//Nicholas

对于原型模式理解就是，每个函数都有一个 prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。

4.直接创建一个 Object 的实例

var person = new Object();

person.name = "Nicholas";

person.age = 29;

person.job = "Software Engineer";

person.sayName = function(){

alert(this.name);

};

person.sayName();//Software Engineer

5.通过”字面量“方式创建

var person = {

name: "Nicholas",

age: 29,

job: "Software Engineer",

sayName: function(){

alert(this.name);

}

};

person.sayName();//Nicholas

6.定义 class 类的方式

class Person{

constructor(name,age){

this.name = name;

this.age = age;

}

sayName(){

alert(this.name)

}

};

var person = new Person('Nicholas');

person.sayName();//Nicholas