javascript对象的创建和访问实现方法使用关联数组访问对象

  这篇文章主要为大家详细介绍了javascript对象的创建和访问实现方法,感兴趣的小伙伴们可以参考一下

  JavaScriptjs对象有哪些,很少能让人想到它面向对象的特性,甚至有人说它不是面向对象的语言,因为它没有类。没错, JavaScript 真的没有类,但 JavaScript 是面向对象的语言。 JavaScript 只有对象,对象就是对象js对象有哪些,不是类的实例。

  因为绝大多数面向对象语言中的对象都是基于类的,所以经常有人混淆类的实例与对象的概念。对象就是类的实例,这在大多数语言中都没错,但在 JavaScript 中却不适用。JavaScript 中的对象是基于原型的。

  创建和访问

  JavaScript 中的对象实际上就是一个由属性组成的关联数组,属性由名称和值组成,值的类型可以是任何数据类型,或者函数和其他对象。注意 JavaScript 具有函数式编程的特性,所以函数也是一种变量,大多数时候不用与一般的数据类型区分。

  在 JavaScript 中,你可以用以下方法创建一个简单的对象:

  <pre class="brush:js;">var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world';
}
console.log(foo.prop_3());</pre>

  登录后复制

  以上代码中,我们通过 var foo = {}; 创建了一个对象,并将其引用赋值给 foo,

  通过 foo.prop1 来获取它的成员并赋值,其中 {} 是对象字面量的表示方法,也可以用 var foo = new Object() 来显式地创建一个对象。

  1. 使用关联数组访问对象成员

  我们还可以用关联数组的模式来创建对象,以上代码修改为:

  <pre class="brush:js;">var foo = {};
foo['prop1'] = 'bar';
foo['prop2'] = false;
foo['prop3'] = function() {
return 'hello world';
}</pre>

  登录后复制

  在 JavaScript 中,使用句点运算符和关联数组引用是等价的,也就是说任何对象(包括

  this 指针)都可以使用这两种模式。使用关联数组的好处是,在我们不知道对象的属性名称的时候,可以用变量来作为关联数组的索引。例如:

  <pre class="brush:js;">var some_prop = 'prop2';
foo[some_prop] = false;</pre>

  登录后复制

  2.使用对象初始化器创建对象

  上述的方法只是让你对JavaScript对象的定义有个了解,真正在使用的时候,我们会采用下面这种更加紧凑明了的方法:

  <pre class="brush:js;">var foo = {
'prop1': 'bar',
prop2: 'false',
prop3: function (){
return 'hello world';
}
};</pre>

  登录后复制

  这种定义的方法称为对象的初始化器。注意,使用初始化器时,对象属性名称是否加引号是可选的,除非属性名称中有空格或者其他可能造成歧义的字符,否则没有必要使用引号。

  以上就是JS对象的创建和访问的详细内容,更多请关注php中文网其它相关文章!

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/2016
0 评论
421

发表评论

!