当前位置：首页 > 资讯 > 技术文档

JavaScript中对象的不同创建方法

时间：2020-01-07 17:15 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript中对象的不同创建方法

javascript中的对象与一般的面向对象的程序设计语言（c++,Java等）不同，甚至很少有人说它是面向对象的程序设计语言，因为它没有类。javaScript只有对象，不是类的实例。javascript中的对象是基于原型的。 [b]1.1句点运算符创建 [/b] 　　javascript中的对象实际上就是一个由属性组成的关联数组，属性由名称和值组成，值的类型可以是任何数据类型，或者函数和其他对象。　　创建一个简单对象：

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world'; 
}
console.log(foo.prop_3());

　　通过引用赋值给foo，{}是对象字面量的表示方法，var foo={}也可以通过var foo = new Object()来显示地创建一个对象。 [b]1.2 使用关联数组创建对象。 [/b]

var foo = {};
foo['prop_1'] = 'bar';
foo['prop_2'] = false;
foo['prop_3'] = function() {
return 'hello world'; 
}

　　javascript中使用句点运算符和关联数组引用是等价的。使用关联数组的好处是在我们不知道对象的属性名称的时候可以用变量来作为关联数组的索引。例如：

var some_prop = 'prop_2';
foo[some_prop] = false;

[b]1.3使用对象初始化器创建对象 [/b] 　　一般我们在使用的时候回采用下面这种方法创建对象：

var foo = {
prop1:'bar',
prop2:false,
prop3:function(){
return 'hello world';
}
};

　　这种定义的方法称为对象得出初始化器 [b]1.4 通过构造函数创建对象。 [/b] 　　前面创建的对象都是一次性的。如果我们想创建多个规划好的对象，有若干个固定的属性、方法并且能够初始化。我们可以通过构造函数来创建复杂的对象：

function User(name,uri){
this.name = name;
this.uri = uri;
this.display = function() {
console.log(this.name);
}
}

　　然后可以用new语句创建对象。

var someuser = new User('byvoid','http://www.byvoid.com');

　　然后就可以通过someuser来访问这个对象的属性和方法。以上所述是小编给大家介绍的JavaScript中对象的不同创建方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：简单理解js的prototype属性及使用
下一篇：12306验证码破解思路分享

资讯排行榜
更多>>