首页 > 技术文章 > js创建对象的几种方式

xuniannian 2017-08-29 15:34 原文

方式1 对象字面量的方式

var person={

 name:"旺财",

setName:function(theName){

  this.name=theName;

  }

}

方式2 用function模拟无参的构造函数

function creatPerson(){};

 var person1=new Person();

 person1.name="旺财";

 person1.alertName=function(){

  alert(person1.name);

}

 person1.alertName();

方式3 用function模拟参数构造函数

function Person(name){

  this.name=name;

  this.alertName=function(){

    alert(this.name);

  }

}

var wc=new Person("旺财");

方式4 用工厂方式创建对象

var wcDog=new Object();

wcDog.name="旺财";

wcDog.age=3;

wcDog.alertName=function(){

  alert(this.name);

}

wcDog.alertName();

方式5 用原型的方式创建

function Person(){}

Person.prototype.name="小米";

Person.prototype.alertName=function(){
alert(this.name);
};
var wc=new Dog();

wc.alertName();

方式6 混合模式创建

function CreatPerson(name){

  this.name=name;

}

Creat.prototype.alertName=function(){

  alert(this.name);

}

var wc=new CreatPerson("旺财");

wc.alertName();

本人正在不断地学习摸索中,如有错误,欢迎指正!

推荐阅读