Javascript创建对象的方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Javascript创建对象的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2338字，纯文字阅读大概需要4分钟。
内容图文
<!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>
原文：http://www.cnblogs.com/WJ--NET/p/7352565.html
内容总结
以上是互联网集市为您收集整理的Javascript创建对象的方法全部内容，希望文章能够帮你解决Javascript创建对象的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】