十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本篇文章为大家展示了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 h2"); } }
方式五:通过原型和构造函数混合的形式创建(推荐使用这种,原因:尽量将方法定义为原型方法,原型方法避免了每次调用构造函数时对属性或方法的构造,节省空间,创建对象快)
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
上述内容就是javascript中怎么通过面向对象创建对象,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。