浅析JavaScript访问对象属性和方法及区别
访问对象的属性
在JavaScript中,可以使用“ . ”和“ [ ] ”来访问对象的属性。
1. 使用“ . ”来访问对象属性
语法:
objectName.propertyName
其中,objectName 为对象名称,propertyName为属性名称。
2. 使用“ [ ] ”来访问对象属性
语法:
objectName[propertyName]
其中,objectName 为对象名称,propertyName为属性名称。
访问对象的方法
在JavaScript中,只能使用“ . ”来访问对象的方法。
语法:
objectName.methodName()
其中,objectName 为对象名称,methodName() 为函数名称。
【例5-1】创建一个Person类:
1 2 3 4 5 6 7 8 9 10 11 12 13 | function Person() { this .name= " 张三 " ; // 定义一个属性 name this .sex= " 男 " ; // 定义一个属性 sex this .age=22; // 定义一个属性 age this .say= function (){ // 定义一个方法 say() return "嗨!大家好,我的名字是 " + this .name + " ,性别是 " + this .sex + ",今年 " + this .age + "岁!" ; } } var zhangsan= new Person(); alert( "姓名:" +zhangsan.name); // 使用“.”来访问对象属性 alert( "性别:" +zhangsan.sex); alert( "年龄:" +zhangsan[ "age" ]); // 使用“[ ]”来访问对象属性 alert(zhangsan.say); // 使用“.”来访问对象方法 |
PS:浅析对象访问属性的"."和"[]"方法区别
在JavaScript中通常使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。但是这两种方式有什么区别了?
例如,读取object中的property属性值:
object.property
object['property']
以上两种方式都可以实现属性的存取。
1.语法方面的区别
点表示法的对象的属性名是标识符,而后者的属性名则是一个字符串。
2.灵活性方面的区别
在JavaScript编写程序中,可以为对象创建任意数目的属性。但使用”.“运算符来存取一个对象的属性时,属性名是用标识符表示的。而在JavaScript程序中,标识符必须被逐字地输入,它们不是一种数据类型,因此程序不能对其操作。也就是说,标识符是静态的,在程序中必须对其进行硬编码。
而使用数组[]表示法来存取一个对象的属性时,属性名是用字符串表示的。字符串是JavaScript的一种数据类型,因此可以在程序运行中操作并创建它们。
3.性能方面区别
数组[]表示法在存取属性值时会进行表达式运行。而点表示法是直接存取属性值,理论上执行效率会比数组表示法高。性能方面其实可以忽略。
某些场景必须用到数组表示法来动态存取属性值,这个是点表示法无法做到的。
总的来说,这两种方法区别上不大,都有对应的使用场景。点表示法一般作为静态对象使用时来存取属性。而数组表示法在动态存取属性时就非常有用。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
· 【译】我们最喜欢的2024年的 Visual Studio 新功能
· 如何打造一个高并发系统?