欢迎来到
银狐的个人博客

JavaScript创建对象的三种形式

一、通过 new Object()来创建

// 第一种var obj1 = new Object();// 添加·属性obj1.name = 'peanuJavaScript创建对象的三种形式 第1张图片-银狐博客t';obj1.age &#61JavaScript创建对象的三种形式 第2张图片-银狐博客; 23;// 添加方法 obj1.address = function () {console.log('西安');};obj1.address();console.log(obj1);

new 出一个Object的实例对象,并且向里面添加属性和方法

输出结果:

 二、字面量直接创建

直接创建一个对象

// 第二种 直接创建一个对象,包含属性和方法var obj2 = {    name: 'tom',    age: 34,    address: function () {        console.log('南京');    },};obj2.address();console.log(obj2);

 输出结果:

 三、通过构造函数创建

构造函数创建对象

// 第三种 通过构造函数创建function Star(name, age) {    this.username = name;    this.userage = age;    this.address = function () {        console.log('杭州');    };}// 创建一个Star实例对象var obj3 = new Star('paul', 35);obj3.address();console.log(obj3);

输出结果:

在对象原型__proto__ 里面的constructor 属性上可以看到构造函数。constructor主要记录该对象引用于哪一个构造函数。这里我们可以看出是应用了Star的构造函数。

赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《JavaScript创建对象的三种形式》
文章链接:https://www.yinhu3.com/2591.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
如果文章侵犯到你的权益,请查看本站免责声明:《免责声明》

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

愿意请我喝杯矿泉水吗

支付宝扫一扫打赏