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