javascript中怎么通过面向对象创建对象-创新互联

本篇文章为大家展示了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中怎么通过面向对象创建对象，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

本文名称：javascript中怎么通过面向对象创建对象-创新互联
网页网址：https://www.cdcxhl.com/article6/djgeig.html

成都网站建设公司_创新互联，为您提供定制网站、外贸建站、建站公司、网站营销、网站策划、静态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联