JavaScript创建对象的三种形式

发布时间:2022-07-01 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了JavaScript创建对象的三种形式脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一、通过 new Object()来创建

// 第一种
var obj1 = new Object();
// 添加·属性
obj1.name = 'peanut';
obj1.age = 23;
// 添加方法
 obj1.address = function () {
console.log('西安');
};
obj1.address();
console.log(obj1);

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

输出结果:

JavaScript创建对象的三种形式

 二、字面量直接创建

直接创建一个对象

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

 输出结果:

JavaScript创建对象的三种形式

 三、通过构造函数创建

构造函数创建对象

// 第三种 通过构造函数创建
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);

输出结果:

JavaScript创建对象的三种形式

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

脚本宝典总结

以上是脚本宝典为你收集整理的JavaScript创建对象的三种形式全部内容,希望文章能够帮你解决JavaScript创建对象的三种形式所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: