JS中多种方式创建对象详解

var girl=new Object();   girl.name='hxl';   console.log(typeof girl); 

function Person(name){     var p=new Object();//内部进行实例化     p.name=name;     p.say=function(){       console.log('my name is '+ p.name);     }     return p;//注：一定要返回 } var girl=Person('haoxioli'); girl.say(); 

var Product=function(name){     this.name=name;     this.buy=function(){       console.log('我衣服的牌子是'+this.name);     } }   var pro=new Product('真维斯');   pro.buy(); 

var Role=function(){}   Role.prototype.name={nickName:'昵称'};   var boy=new Role();   boy.name.nickName='刘晓兵';   console.log(boy.name.nickName);//刘晓兵   var girl=new Role();   girl.name.nickName='郝晓利';   console.log(boy.name.nickName);//郝晓利,因为实例对象可以修改原型中的引用对象的值   console.log(girl.name.nickName);//郝晓利 

var Role=function(){     this.name={nickName:'aaa'};   }   Role.prototype.age=30;   var boy=new Role();   boy.name.nickName='boy';   console.log(boy.name.nickName);//boy   var girl=new Role();   girl.name.nickName='girl';   console.log(boy.name.nickName);//boy,实例不会修改构造函数中的值   console.log(girl.name.nickName);//girl 

var cat={     name:'lucy',     age:3,     sex:'母'  };//将对象转换成字符串   console.log(JSON.stringify(cat));//{"name":"lucy","age":3,"sex":"母"}   var dog='{"name":"john","sex":"公"}';   console.log(JSON.parse(dog).name);//将字符串转为对象 

function extend(tar,source){     for(var i in source){       tar[i]=source[i];     }     return tar;   }   var boy={name:'醉侠客',age:20};   var person=extend({},boy);   console.log(person.name); 

//先引入包 <script src='js/base2.js'></script> //base2框架，Base.extend及constructor都是固定用法   var Animal=Base.extend({     constructor:function(name){       this.name=name;     },     say:function(meg){       console.log(this.name+":"+meg);     }   });   new Animal('lily').say('fish'); 

<script src='js/simplejavascriptinheritance.js'></script> //simplejavascriptinheritance框架,Class.extend及init都是固定用法   var Person=Class.extend({     init:function(name){       this.name=name;     }   });   var p=new Person();   p.name='over';   console.log(p.name);