本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2024-11(7)

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

发布于2021-03-10 18:59     阅读(1503)     评论(0)     点赞(24)     收藏(0)


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.qianduanheidong.com/blog/article/34286/11381e82d11daf001c12/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

24 0
收藏该文
已收藏

评论内容:(最多支持255个字符)