javascript面向对象创建对象的方式小结

网络编程 2024/12/27 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

本文实例讲述了javascript面向对象创建对象的方式。分享给大家供大家参考，具体如下：

方式一：通过内置Object对象的方式创建然后通过点语法，动态给对象创建属性，方法

var o1 = new Object();
o1.name = 'Tom';
o1.sing = function() {
 console.log('I am singing');
}

方式二：通过字面量json形式创建对象

var o2 = {
 "name":"jackson",
 "age":"10",
 "say":function(){
  console.log("say hi");
 };
};

方式三：通过构造函数创建

var o3 = function() {
 this.name = "Lucy",
 this.age = "10",
 this.say = function() {
  console.log("say hello");
 }
}

方式四：通过原型创建

var o4 = function() {}
o4.prototype = {
 "name":"Taylor",
 "age":10,
 "say":function(){
  console.log("say h1");
 }
}

方式五：通过原型和构造函数混合的形式创建(推荐使用这种，原因：尽量将方法定义为原型方法，原型方法避免了每次调用构造函数时对属性或方法的构造，节省空间，创建对象快)

var o5 = function() {
 this.name = 'James';
 this.age = 10;
}
o5.prototype = {
 "say":function() {
   console.log("say hi");
 }
}

方式六：拷贝模式创建对象

// 先要有一个拷贝模块
function extend(target,source){
 for(var k in source){
  target[k] = source[k];
 }
 return target;
};
var o6 = {
 "name":"o6",
 "age":10
}
var o7 = {
 "say":function() {
  console.log('say hi');
 }
}
// o6拷贝o7的方法，然后构建成一个新的对象
var o8 = extend(o6,o7);
o8.say(); // say hi

方式七：通过第三方库来创建对象

有 base2.js 和 simplejavascriptinheritance.js 来实现, 网上有资料。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

javascript,面向对象,创建对象

标签：

javascript,面向对象,创建对象

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“javascript面向对象创建对象的方式小结”

暂无javascript面向对象创建对象的方式小结的评论...

更新日志

2024年12月27日

javascript面向对象创建对象的方式小结

javascript,面向对象,创建对象

jquery.pager.js分页实现详解

jquery.pager.js实现分页效果

评论“javascript面向对象创建对象的方式小结”

更新日志

友情链接