本篇文章为大家展示了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中怎么通过面向对象创建对象,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。