Javascript 创建对象的五种方式

一、最简单的方式,创建一个Object实例

var obj = new Object();
obj.name = 'zhangsan';
obj.sayName = function(){
console.log(this.name);
};

二、最方便的方式,对象字面量

var obj = {
name:'zhangsan',
sayName:function(){
console.log(this.name);
    };
};

三、工厂模式

function createObject(name){
var obj = new Object();
obj.name = name;
obj.sayName = function(){
console.log(this.name);
  }
}
var person = createObject('zhangsan');

ps:工厂模式其实就是对方式一的封装。

四、构造函数模式

function Person(name){
this.name = name;
this.sayName = function(){
console.log(this.name);
   };
}
var person = new Person('zhangsan');

ps:构造函数模式其实是对方式一和方式三的整合,好处是能够知道对象的类型。person instanceof  Person //true

五、原型模式

function Person(){};
Person.prototype.name = 'zhangsan';
Person.prototype.sayName = function(){console.log(this.name);}
var person=new Person();

ps:原型链最大的作用就是实现继承,将属性与方法添加到原型上(prototype),通过该构造函数 new 出来的实例对象都具有原型上的属性和方法。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值