JavaScript创建对象的写法
对象是什么
从JavaScript定义上讲对象是无序属性的集合，其属性可以包含基本值、对象或函数。也就是说对象是一组没有特定顺序的属性，每个属性会映射到一个值上，是一组键值对，值可以是数据或对象。
最简单的对象
JavaScript的一对花括号{}就可以定义一个对象，这样的写法实际上和调用Object的构造函数一样
var obj={};
var obj2=new Object();
这样构建出来的对象仅仅包含一个指向Object的prototype的指针，可以使用一些valueOf、hasQwnProperty等方法，没有多大实际作用，自定义对象嘛总要有一些自定义的属性、方法神马的。
var obj={};
obj.a=0;
obj.fn=function(){
alert(this);
}
var obj2={
a:0,
fn:function(){
alert(this);
}
}
可以在定义完对象后通过”.”为其添加属性和方法，也可以使用字面量赋值方法在定义对象的时候为其添加属性和方法，这样创建的对象，其方法和属性可以直接使用对象引用，类似于类的静态变量和静态函数，这样创建对象有一个明显缺陷——在定义大量对象的时候很费力，要一遍遍的写几乎是重复的代码。
抽象一下
既然是重复代码就可以抽象出来，用函数来做这些重复工作，在创建对象的时候调用一个专门创建对象的方法，对于不同的属性值只需要传入不同参数即可。
function createObj(a,fn){
var obj={};
obj.a=a;
obj.fn=fn;
return obj;
}
var obj=createObj(2,function(){
alert(this.a);
});
这样在创建大量对象的时候，就可以通过调用此方法来做一些重复工作了，这种方式也不完美，因为在很多时候需要判断对象的类型，上面代码创建出来的对象都是最原始的Object对象实例，只是拓展了一些属性和方法。
有型一些
又是function登场的时候，JavaScript中function就是个对象，在创建对象的时候打可以抛开上面createObj方法，直接使用function作为对象，怎么实现复用呢，这就在于function作为对象的特殊性了。
１. function可以接受参数，可以根据参数来创建相同类型不同值的对象
２. function作为构造函数（通过new操作符调用）的时候会返回一个对象，在贫下中农版jQuery中提到过一些构造函数的基本知识，简单复制一下
构造函数的返回值分为两种情况，当function没有return语句或者return回一个基本类型（bool,int,string,undefined,null）的时候，返回new 创建的一个匿名对象，该对象即为函数实例；如果function体内return一个引用类型对象（Array,Function,Object等）时，该对象会覆盖new创建的匿名对象作为返回值。
３. 那么使用function怎么解决类型识别问题呢，每个function实例对象都会有一个constructor属性（也不是“有”，而是可以对应），这个属性就可以指示其构造是谁，也可以使用instanceof 操作符来做判断对象是否为XXX的实例。
不能光说不练，上代码
function Person(name){
this.name=name;
this.fn=function(){
alert(this.name);
}
}
var person1=new Person('Byron');
console.log(person1.constructor==Person);//true
console.log(person1 instanceof Person); //true
这样就完美了吧，也不是！虽然构造函数可以是对象有型，但对象的每个实例中的方法都要重复一遍！
function Person(name){
this.name=name;
this.fn=function(){
alert(this.name);
}
}
var person1=new Person('Byron');
var person2=new Person('Frank');
console.log(person1.fn==person2.fn);//false
看看看，虽然两个实例的fn一模一样，但是却不是一回事儿，这如果一个function对象有一千个方法，那么它的每个实例都要包含这些方法的copy，很让内存无语啊。
不玩儿虚的了
究竟有没有一种近乎完美的构造对象的方式，及不用做重复工作，又有型，对象通用方法又不必重复？其实可以发现使用function已经距离要求和接近了，只差那么一点儿——需要一个所有function对象的实例共享的容器，在这个容器内存发实例需要共享的属性和方法，正好这个容器是现成的——prototype，不了解prototype的同学可以看看JavaScript prototype
function Person(name){
this.name=name;
}
Person.prototype.share=[];
Person.prototype.printName=function(){
alert(this.name);
}
var person1=new Person('Byron');
var person2=new Person('Frank');
console.log(person1.printName==person2.printName);//true
这样每个Person的实例都有自己的属性name，又有所有实例共享的属性share和方法printName，基本问题都解决了，对于一般的对象处理就可以始终这个有型又有爱的创建对象模式了。
相关文章
js调试工具console.log()方法查看js代码的执行情况
以往都是使用alert的方式查看js代码的执行情况，今天看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录2014-08-08
这篇文章主要介绍了JS实现利用闭包判断Dom元素和滚动条的方向,涉及javascript闭包、事件响应及页面元素属性动态操作相关使用技巧,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了js实现跨域的多种方法，主要介绍了js实现跨域的5种方法，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了JavaScript将数字转换成大写中文的方法,涉及javascript字符串及匹配的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
下面小编就为大家带来一篇json对象与数组以及转换成js对象的简单实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
Javascript ES6中数据类型Symbol的使用详解
Symbol类型是es6新增的一个数据类型，Symbol值通过Symbol函数生成Symbol类型是保证每个属性的名字都是独一无二的，对于一个对象由对个模块构成的情况非常有用，本文主要介绍了Javascript ES6中数据类型Symbol使用的相关资料，需要的朋友可以参考下。2017-05-05
这篇文章主要介绍了JS正则表达式验证密码格式的集中情况总结,需要的朋友可以参考下2017-02-02
这篇文章主要为大家详细介绍了用JS实现选项卡效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要给大家介绍了关于js实现日期天数、时分秒的倒计时的相关资料,实现倒计时功能首先是得到目标时间,然后用当前时间减去目标时间,最后将时间差传化为天数、时、分、秒,需要的朋友可以参考下2023-11-11
这篇文章介绍了js使弹层下面body禁止滚动的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
最新评论