Js通过.或者[]访问对象属性的语法、性能等区别

时间: 2018-02-09阅读: 3661标签: 对象

JavaScript中可以使用 . 或者 [ ] 来访问对象的属性,但是对象中方法只能通过 . 来获取,例如:

function Person() {
  this.name=" 张三 "; // 定义一个属性 name
  this.say=function(){ // 定义一个方法say()
    return "我的名字是 " + this.name ;
  }
}
var a=new Person();
console.log("姓名:"+a.name); // 使用“.”来访问对象属性
console.log("姓名:"+a["name"]); // 使用“[ ]”来访问对象属性
console.log(a.say());  // 使用“.”来访问对象方法

使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。但是这两种方式有什么区别了?  


1.语法方面的区别

点表示法的对象的属性名是标识符,而后者的属性名则是一个字符串。


2.灵活性方面的区别

JavaScript编写程序中,可以为对象创建任意数目的属性。但使用”.“运算符来存取一个对象的属性时,属性名是用标识符表示的。而在JavaScript程序中,标识符必须被逐字地输入,它们不是一种数据类型,因此程序不能对其操作。也就是说,标识符是静态的,在程序中必须对其进行硬编码。

而使用数组[]表示法来存取一个对象的属性时,属性名是用字符串表示的。字符串是JavaScript的一种数据类型,因此可以在程序运行中操作并创建它们。


3.性能方面区别

数组[]表示法在存取属性值时会进行表达式运行。而点表示法是直接存取属性值,理论上执行效率会比数组表示法高。性能方面其实可以忽略。

某些场景必须用到数组表示法来动态存取属性值,这个是点表示法无法做到的。


总的来说,这两种方法区别上不大,都有对应的使用场景。点表示法一般作为静态对象使用时来存取属性。而数组表示法在动态存取属性时就非常有用。


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/427

JS实现判断对象是否为空对象的5种方法

将json对象转化为json字符串,再判断该字符串是否为{},for in 循环判断,jquery的isEmptyObject方法,Object.getOwnPropertyNames()方法,使用ES6的Object.keys()方法

使用Js的Proxy监听对象属性变化并进行类public/private的访问控制

Proxy是ES6的引入的一个对象监听机制。可视为JavaScript对象的一个代理中间件。用户在访问对象时,会触发自定义行为。Proxy最简单的用法是可以监听对象属性的变化

js比较两个单独的数组或对象是否相等

所谓js的中的传值,其实也就是说5种基本数据类型(null,undefind,boolean,number,string),传引用也就是说的那个引用数据类型,(array和object)。

Js event对象offsetX,pageX,screenX,clientX

平时在测量元素位置时难以确定,下面给出具体的event对象中的各种属性,以便日后使用。检测相对于浏览器的位置:clientX和clientY,当鼠标事件发生时,鼠标相对于浏览器左上角的位置

深入JS对象属性

属性决定JS中对象的状态,本文章主要分析这些属性是如何工作的。JS有三种不同的属性:数据属性,访问器属性和内部属性。对象的普通属性将字符串名称映射到值。例如,下面对象obj有一个数据属性,名称为 prop,对应的值为 123:

JS Object对象

Object(对象)是在所有的编程语言中都十分重要的一个概念,对于事物我们可以把他们看作是一个对象,而每一个事物都有自己的表示的属性和对于某一信息作出的相应的操作。而这些东西就变成了事物的属性和方法。

JavaScript 的代理对象

JavaScript 支持 setters 和 getters 已经很长时间了。他们用带有 set 和 get 关键字的简单语法来拦截对象的属性访问和值的修改操作。

js对象属性

ECMAScript 5定义了一个名为Object.create()的方法,它创建一个新对象, 其中第一个参数是这个对象的原型。Object.create()提供第二个可选参数,用以对对象的属性进行进一步描述

Js中如何克隆对象?

我们假设一个变量 name 具有一个与之关联的原始值(number,string,boolean,undefined 和null)。 如果我们将此变量 name 复制到另一个变量name2 ,则原始变量的任何修改都不会影响到第二个变量,因为它们是原始值

javascript中document是什么?

javascript中document是window对象的属性,表示对Document对象的只读引用。Document对象是Window对象的一部分,可通过window.document属性对其进行访问。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!