JavaScript声明一个对象的三种方式

2023-12-25 08:54| 来源: 网络整理| 查看: 265

1. 声明一个对象的语法 var person = { name: ['Bob', 'Smith'], age: 32, gender: 'male', interests: ['music', 'skiing'], bio: function() { alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.'); }, greeting: function() { alert('Hi! I\'m ' + this.name[0] + '.'); } };

调用

person.name[0] person.age person.interests[1] person.bio() person.greeting() 2. 构造函数

a.创建构造函数

b.创建它的一个对象实例

var person1 = new Person('Bob', 'Smith', 32, 'male', ['music', 'skiing']);

c.调用

person1['age'] person1.interests[1] person1.bio() 3. Object()构造函数

首先, 您能使用Object()构造函数来创建一个新对象。是的，一般对象都有构造函数，它创建了一个空的对象。

a.尝试在您浏览器中的Javascript控制台中输入以下代码： var person1 = new Object();

这样就在person1变量中存储了一个空对象。然后, 可以根据需要, 使用点或括号表示法向此对象添加属性和方法；试试这个例子：

person1.name = 'Chris'; person1['age'] = 38; person1.greeting = function() { alert('Hi! I\'m ' + this.name + '.'); }

还可以将对象文本传递给Object() 构造函数作为参数，以便用属性/方法填充它。请尝试以下操作：

var person1 = new Object({ name : 'Chris', age : 38, greeting : function() { alert('Hi! I\'m ' + this.name + '.'); } }); b.使用create()方法

JavaScript有个内嵌的方法create(), 它允许您基于现有对象创建新的对象实例。

在 JavaScript 控制台中尝试此操作：

var person2 = Object.create(person1);

现在尝试这个：

person2.name person2.greeting()

您可以看到，person2是基于person1创建的，它们具有相同的属性和方法。这非常有用，因为它允许您创建新的对象实例而无需定义构造函数。缺点是比起构造函数，浏览器在更晚的时候才支持create()方法（IE9, IE8 或甚至以前相比），加上一些人认为构造函数让您的代码看上去更整洁 —— 您可以在一个地方创建您的构造函数，然后根据需要创建实例，这让您能很清楚地知道它们来自哪里。

但是, 如果您不太担心对旧浏览器的支持，并且您只需要一个对象的一些副本，那么创建一个构造函数可能会让您的代码显得过度繁杂。这取决于您的个人爱好。有些人发现create() 更容易理解和使用。

【本文地址】

公司简介

联系我们