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

下面小编就为大家带来一篇 JS 中多种方式创建对象详解。小编觉得挺不错的。现在分 享给大家，给大家一个参考。 1.内置对象创建 var girl=new Object();nbsp; nbsp; girl.name=hxl;nbsp; nbsp; console.log(typeof girl);nbsp; 2.工厂模式 ,寄生构造函数模式 function Person(name){nbsp; nbsp; nbsp; var p=new Object();// 内部进行实例化 nbsp; nbsp; nbsp; p.name=name;nbsp; nbsp; nbsp; p.say=function(){nbsp; nbsp; nbsp; nbsp; console.log(my name is + p.name);nbsp; nbsp; nbsp; }nbsp; nbsp; nbsp; return p;// 注：一定要返回 nbsp; }nbsp; var girl=Person(haoxioli);nbsp; girl.say();nbsp; 3.构造函数创建 var Product=function(name){nbsp; nbsp; nbsp; this.name=name;nbsp; nbsp; nbsp; this.buy=function(){nbsp; nbsp; nbsp; nbsp; console.log( 我衣服的牌子是 +this.name);nbsp; nbsp; nbsp; }nbsp; }nbsp; nbsp; var pro=new Product( 真维斯 );nbsp; nbsp; pro.buy();nbsp; 4.原型创建 ,缺点：实例中的每个属性有可能会不一样 var Role=function(){}nbsp; nbsp; Role.prototype.name={nickName: 昵称 };nbsp; nbsp; var boy=new Role();nbsp; nbsp; boy.name.nickName= 刘晓兵 ;nbsp; nbsp; console.log(boy.name.nickName);// 刘晓兵 nbsp; nbsp; var girl=new Role();nbsp; nbsp; girl.name.nickName= 郝晓利 ;nbsp; nbsp; console.log(boy.name.nickName);// 郝晓利 ,因为实例对象可以修改原型中的引用 对象的值 nbsp; nbsp; console.log(girl.name.nickName);// 郝晓利 nbsp; 5.混合模式：原型 +构造，可以把不让实例修改的属性放到构造函数中，可以修改的放 原型中 var Role=function(){nbsp; nbsp; nbsp; this.name={nickName:aaa};nbsp; nbsp; }nbsp; nbsp; Role.prototype.age=30;nbsp; nbsp; var boy=new Role();nbsp; nbsp; boy.name.nickName=boy;nbsp; nbsp; console.log(boy.name.nickName);//boynbsp; nbsp; var girl=new Role();nbsp; nbsp; girl.name.nickName=girl;nbsp; nbsp; console.log(boy.name.nickName);//boy, 实例不会修改构造函数中的值 nbsp; nbsp; console.log(girl.name.nickName);//girlnbsp; 6.字面量形式 var cat={nbsp; nbsp; nbsp; name:luc