js对象属性的命名规范

16 篇文章 1 订阅

1.首先,我们要知道,js对象属性命名有三种方法
(1)对象字面量形式命名。这时的属性,可以是任意的字符串(包括空串和空格字符串),也可以是js的变量形式。(即以字母,下划线,$开头。后面跟字母,数字,下划线和$),还可以是纯数字。

 let obj = {
        a1: 1,
        a2: 'we',
        'hello world!': 23,
        " ": 1212,
        1: 'we are family'
    }

(2)通过点号来命名或访问.,这时的属性名必须是正确的js变量。

  let obj = {
        a1: 1,
        a2: 'we',
        'hello world!': 23,
        " ": 1212,
        1: 'we are family'
    }
    obj._2232a = 'hello';

(3)[]来命名或访问,这时,属性名是任意的字符串。

let obj = {
        a1: 1,
        a2: 'we',
        'hello world!': 23,
        " ": 1212,
        1: 'we are family'
    }
    obj[''] = 123;

2.当对象的属性是以数字为属性名时,可以用obj.[1]obj.['1']来访问。但是不能用点号.访问。
3.当对象的属性是布尔值时,也可用obj.[true]obj.['true']来访问。还可以用.来访问。

let obj = {
        a1: 1,
        a2: 'we',
        'hello world!': 23,
        " ": 1212,
        1: 'we are family',
        true: true
    }
    console.log(obj.true);

4.采用[]操作符读取对象属性时,js解释器执行的动作
采用obj[propertyName]的形式读取或创建对象属性时,解释器首先会检查propertyName是值类型字面量还是用户定义的变量,如果propertyName是值类型的字面量,则解释器自动将其转换为字符串后再读取或创建属性,如obj[1],obj[true]会被转换成obj[“1”]、obj[“true”].
如果propertyName是变量名称(或者是表达式),则解释器会读取变量内容(或对表达式求值),如果变量的值是字符串,则直接读取属性,如果是其他类型的数据,则转换为字符串后再读取属性
5.看一个特殊点的例子

let obj = {
        undefined: undefined
    }
    let a;
    console.log(obj[a]); 输出undefined

首先a是变量,所以js会将它转换为字符串。a没有赋值,它的值为undefined,所以obj[a]转为obj["undefined"],则值为undefined。

  • 6
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值