Javascript创建对象的方法
Posted WangJunZzz
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript创建对象的方法相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="jquery-1.9.1.js"></script> <meta charset="utf-8" /> </head> <body> <button id="btn">提交</button> </body> <script> $(‘#btn‘).click(function(){ //通过object创建对象 var person =new Object(); person.name=‘wj‘; person.job=‘c#.net‘; person.fn=function(){ console.log(this.name+this.job); }; // person.fn(); //通过字面量创建对象 var conmpany={ name:"fanyaunwang", salary:"6500", fn:function(){ console.log(this.name+this.salary); } }; //conmpany.fn(); //以上2种方式创建对象，会产生大量的重复代码 //通过工厂模式创建对象 // 工厂模式减少了代码重复，但是不能识别对象，所有的实例都是object类型 function createObject(name,age,job) { var o = new Object(); o.name=name; o.age=age; o.job=job; o.fn=function(){ console.log(this.name+this.job+this.age); } return o; } //var wj=createObject(‘wj‘,‘22‘,‘c#.net‘); //wj.fn(); //通过构造函数创建对象 //构造函数中首字母大写，而非构造函数首字母小写作为区别 function CreatePerson(name,age,job) { this.name=name; this.age=age; this.job=job; this.fn=function(){ console.log(this.name+this.age+this.job); } } //通过new来创建CreatePerson实例，这样创建的实例都有一个constractor //属性指向CreatePerson //通过工厂模式创建的对象都是object，无法判读对象的类型， //但是通过构造函数创建的对象可以，这是构造函数创建对象胜过 //通过工厂模式创建对象的地方 var obi=new CreatePerson(‘wangjun‘,‘23‘,‘c#.net‘); obi.fn(); console.log(obi.constructor==CreatePerson);//true //通过原型模式来创建对象 //原型模式就是在构造函数中吧方法拿出来的基础上，在做了一层封装 function Employee(){ } Employee.prototype.name=‘wangjun‘; Employee.prototype.age=‘c#‘; Employee.prototype.fn=function(){ console.log(this.name+this.age); } var emp=new Employee(); var emp1=new Employee(); emp.fn(); emp1.fn(); //这个fn是公共的 console.log(emp.fn()==emp1.fn());//true //在构造函数创建对象的模式中是false //构造函数和原型混合模式 //创建自定义类型的最常见方式 //构造函数模式用于定义实例属性， //原型模式用于定义公共属性 function Customer(name,address) { this.name=name; this.address=address; this.phone=[‘13946‘,‘44848484‘]; } Customer.prototype={ constructor:Customer, p:[‘af‘,‘sfasf‘], fnn:function(){ console.log(this.name+‘prototype‘); } } var objc= new Customer(‘fanyuanwang‘,‘shenzheng‘); var obje=new Customer(‘wangjin‘,‘changsha‘); console.log(objc.phone==obje.phone);//false //上面这个就是构造函数的引用类型的不同 objc.fnn(); console.log(objc.fnn==obje.fnn);//true objc.fnn(); }); </script>
以上是关于Javascript创建对象的方法的主要内容，如果未能解决你的问题，请参考以下文章