javascript对象的几种创建方式

1.工厂模式(Object关键字)

var preson =new Object();
   preson.name="nike";
   preson.age=23;
   preson.work=function(){
   alert(preson.name);
   }

preson.work();

2.构造函数模式

function Person(name,age,work){
   this.name=name;//this作用域:当前对象
   this.age=age;
   this.work=work;
   this.info=function(){
      alert("我叫"+this.name+",我是"+this.work);
   }
}
var nike =new Person("nike",25,"教师");//实例化/创建对象
 nike.info();//调用info方法(函数)

3.原型模式(prototype关键字),可以让所有对象实例共享它所包含的属性和方法。

function Person(){}
Person.prototype.name = 'Nike';
Person.prototype.age = 20;
Person.prototype.jbo = 'teacher';
Person.prototype.sayName = function(){
 alert(this.name);
};
var person1 = new Person();
var person2 = new Person();
person1.name ='Greg';
alert(person1.name); //'Greg' --来自实例
alert(person2.name); //'Nike' --来自原型

4.混合构造函数和原型模式。

function Person(name,work){
  this.name=name;
  this.work=work; 
}
 Person.prototype.info=function(){
   alert("我是"+this.name+",我是"+this.work);
  }
var nike =new Person("nike","老师");

nike.info(); 

5.简单对象的创建。使用对象字面量的方式{}  创建一个对象)(最简单,好理解,推荐使用)

var Person = {};//JSON
 Person.name="nike";//添加属性并赋值
 Person.age=23;
 Person.sayHello=function(){
  alert("我叫"+Person.name+",今年"+Person["age"]+"岁了");//可以使用“.”的方式访问属性,也可以使用HashMap的方式访问
 }
 Person.sayHello();//调用对象的(方法)函数

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值