当前位置: 首页 > 编程笔记 >

JS访问对象两种方式区别解析

袁秦迟
2023-03-14
本文向大家介绍JS访问对象两种方式区别解析,包括了JS访问对象两种方式区别解析的使用技巧和注意事项,需要的朋友参考一下

可以使用下面两种方式访问对象的属性和方法

1.对象名.属性名    对象名.方法名()

2.对象名["属性名"]   对象名"方法名"

   var obj = {
         name : "小明",
         age : 18,
         say : function(){
           console.log("我是"+this.name+"我"+this.age+"岁");
         }      
     };
     console.log(obj.name);
     console.log(obj["name"]);
     obj.say();
     obj["say"]();

对于已经存在的属性和方法,用.和用[]得到的结果一致、

对于不存在(未定义)的属性和方法,用.会创建这个新的属性或方法,而用[]的方式访问不会创建新的属性或方法

例如在用for-in遍历对象时

    for(var x in obj){      
      console.log(x);    //输出obj中的属性名,方法名
      console.log(obj.x);//想要用.的方法输出对应的属性和方法  结果是undefined,原因在于JS语言中.方法可以用来声明,声明对象属性的方式就是属性名.属性值
                   //这里实际先声明了obj的x属性,并且未初始化该属性,然后输出了该属性值,所以为undefined
     }

利用[]方式只能访问和读取,不会定义新的属性

for(var x in obj){      
      console.log(x);    //输出obj中的属性名,方法名
      console.log(obj[x]);//输出对应的属性值和方法,方法未调用所以输出的是方法的代码
    }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍对象的访问定位的两种方式相关面试题,主要包含被问及对象的访问定位的两种方式时的应答技巧和注意事项,需要的朋友参考一下 java对象在访问的时候,我们需要通过java虚拟机栈的reference类型的数据去操作具体的对象。由于reference类型在java虚拟机规范中只规定了一个对象的引用,并没有定义这个这个引用应该通过那种方式去定位、访问java堆中的具体对象实例,所以一般的访问方

  • 本文向大家介绍JS创建类和对象的两种不同方式,包括了JS创建类和对象的两种不同方式的使用技巧和注意事项,需要的朋友参考一下 在JavaScript中, 当你定义了一个新的函数, 你实际上声明了一个新的类, 而这个函数本身就相当于类的构造函数。下面的代码向你展示了两种不同的方式来创建一个新的Person类, 而Person.prototype的定义也紧跟在函数定义之后。 当你通过函数的方式声明了一个

  • 本文向大家介绍详解js访问对象的属性和方法,包括了详解js访问对象的属性和方法的使用技巧和注意事项,需要的朋友参考一下 对象的属性和方法统称为对象的成员。 访问对象的属性 在JavaScript中,可以使用“ . ”和“ [ ] ”来访问对象的属性。 二者区别:“ . ”表示法一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时就非常有用。 访问对象的方法 在JavaScript中

  • 本文向大家介绍Js面向对象的几种方式相关面试题,主要包含被问及Js面向对象的几种方式时的应答技巧和注意事项,需要的朋友参考一下 1.对象的字面量 var obj = {} 2.创建实例对象 var obj = new Object(); 3.构造函数模式 function fn(){} , new fn(); 4.工厂模式:用一个函数,通过传递参数返回对象。function fn(params){

  • 本文向大家介绍JavaScript中子对象访问父对象的方式详解,包括了JavaScript中子对象访问父对象的方式详解的使用技巧和注意事项,需要的朋友参考一下 在传统面向对象的编程语言里,都会提供一种子类访问父类的特殊语法,引文我们在实现子类方法往往需要父类方法的额外辅助。在这种情况下,子类通常会调用父类中的同名方法,最终以便完成工作。 javascript虽然没有类似上述的特殊语法,但我们可以造

  • 本文向大家介绍详谈js对url进行编码和解码(三种方式的区别),包括了详谈js对url进行编码和解码(三种方式的区别)的使用技巧和注意事项,需要的朋友参考一下 Javascript语言用于编码的函数,一共有三个,最古老的一个就是escape()。虽然这个函数现在已经不提倡使用了,但是由于历史原因,很多地方还在使用它,所以有必要先从它讲起。 escape 和 unescape 实际上,escape(