javascript面向对象创建对象的方式小结
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript面向对象创建对象的方式小结,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1693字,纯文字阅读大概需要3分钟。
内容图文
![javascript面向对象创建对象的方式小结](/upload/InfoBanner/zyjiaocheng/331/22c14e6edb8f4b9e8d8a4042e17c319e.jpg)
本文实例讲述了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面向对象创建对象的方式小结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。