2021-03-09

有关Js 创建对象的几种方式

JS 创建对象的几种方式

  • new Object()构造函数
​   var student1 = new Object();​   student.name = "zs";​   student.id = 123;​   student.message = function(){​     console.log("name:" + name + "id:" + id);​   }​  //调用方法​  student1.message();
  • 对象字面量{}
 var student2 = { ​  name: "zs", ​  id: 123, ​  message: function(){ ​   console.log("name:" + name + "id:" + id); ​  } } student2.message();
  • 工厂函数
 function createStudent(name,id){ ​  var student = new Object(); ​  student.name = name; ​  student.id = id; ​  student.message = function(){ ​   console.log("name:" + this.name + "id:" + this.id); ​  } ​  return student; }
 //字面量写法 function createStudent(name,id){ ​ return { ​    name : name; ​    id : id; ​    message : function(){ ​     console.log("name:" + this.name + "id:" + this.id); ​    } ​  }; } //生成真正的对象 var student3 = createStudent("zs",456); var student4 = createStudent("zw",123); student3.message();
  • 自定义构造函数

    • 构造函数是根据具体的事物抽象出来的抽象模板

    • 实例对象是根据抽象的构造函数模板得到的具体实例对象

    • 与工厂函数不同的是,构造函数的命名首字母大写,构造函数内部,不用构造一个空对象再赋值给变量里,直接将属性添加给this关键字,没有return语句。

 function Student(name,id){ ​  this.name = name; ​  this.id = id; ​  this.message = function(){ ​    console.log(this.name + "," + this.id); ​  }; } //生成对象实例 var student5 = new Student("ls",789); //调用方法 student5.message();








原文转载:http://www.shaoqun.com/a/614581.html

跨境电商:https://www.ikjzd.com/

智赢:https://www.ikjzd.com/w/1511

网上1号店:https://www.ikjzd.com/w/2263


JS创建对象的几种方式newObject()构造函数​varstudent1=newObject();​student.name="zs";​student.id=123;​student.message=function(){​console.log("name:"+name+"id:"+id);​}​//调用方法​student1.m
c79:https://www.ikjzd.com/w/1016
asinseed:https://www.ikjzd.com/w/533
易联通:https://www.ikjzd.com/w/1854.html
帮助卖家避免亚马逊差评的七个关键方法:https://www.ikjzd.com/home/101745
选品文章大合集:https://www.ikjzd.com/tl/1925
突发!菲律宾北苏里高矿区签发船舶出入禁令:https://www.ikjzd.com/home/118241

No comments:

Post a Comment