javascript面向对象创建对象的方式小结
本文实例讲述了javascript面向对象创建对象的方式。分享给大家供大家参考,具体如下:
方式一:通过内置Object对象的方式创建然后通过点语法,动态给对象创建属性,方法
varo1=newObject();
o1.name='Tom';
o1.sing=function(){
console.log('Iamsinging');
}
方式二:通过字面量json形式创建对象
varo2={
"name":"jackson",
"age":"10",
"say":function(){
console.log("sayhi");
};
};
方式三:通过构造函数创建
varo3=function(){
this.name="Lucy",
this.age="10",
this.say=function(){
console.log("sayhello");
}
}
方式四:通过原型创建
varo4=function(){}
o4.prototype={
"name":"Taylor",
"age":10,
"say":function(){
console.log("sayh1");
}
}
方式五:通过原型和构造函数混合的形式创建(推荐使用这种,原因:尽量将方法定义为原型方法,原型方法避免了每次调用构造函数时对属性或方法的构造,节省空间,创建对象快)
varo5=function(){
this.name='James';
this.age=10;
}
o5.prototype={
"say":function(){
console.log("sayhi");
}
}
方式六:拷贝模式创建对象
//先要有一个拷贝模块
functionextend(target,source){
for(varkinsource){
target[k]=source[k];
}
returntarget;
};
varo6={
"name":"o6",
"age":10
}
varo7={
"say":function(){
console.log('sayhi');
}
}
//o6拷贝o7的方法,然后构建成一个新的对象
varo8=extend(o6,o7);
o8.say();//sayhi
方式七:通过第三方库来创建对象
有base2.js 和simplejavascriptinheritance.js来实现,网上有资料。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。