zoukankan      html  css  js  c++  java
  • javascript对象属性的命名规则

    JS标识符的命名规则,即变量的命名规则:

    • 标识符只能由字母、数字、下划线和‘$’组成
    • 数字不可以作为标识符的首字符

    对象属性的命名规则

    • 通过[]操作符为对象添加属性时,属性名称可以是任何字符串(包括只包含空格的字符串和空字符串);
    • 通过.操作符为对象添加属性时,属性名称必须是合法的标识符名称;
    • 如果属性名包含非法的标识符字符,则只能采用obj[“propertyName”]的形式;
    • 如果属性名是合法的标识符,读取时即可以采用obj.propertyName,也可以采用obj[“propertyName”]的形式;

    举例:

    var obj = new Object();
    obj["home addr"]="Tianjin";
    obj["!@#$%"]="!@#$%";
    obj[""]="empty string";
    obj[" "]="string contains only space";

    在控制台中查看如下:

    纯数字属性名的特殊性

      纯数字属性名的使用比较特殊,可以通过对象字面量和obj[number]的形式为对象添加纯数字属性,解释器会自动将数字转换为数字字符串。

      定义实例:

    var obj = {1:"first"}
    obj[2]="second";
    obj["3"]="third";

      以上三种为对象添加纯数字属性的方法是等效的,控制台查看如下:

      读取的方式有两种:

    • obj[number]
    • obj["number"]

      需要注意,采用obj.number的方式读取纯数字属性名称时浏览器会报错,如下

    布尔属性名的特殊性

    布尔属性名和纯数字属性名有着相似的行为,如下

    采用[]操作符读取对象属性时,js解释器执行的动作

    采用obj[propertyName]的形式读取或创建对象属性时,解释器首先会检查propertyName是值类型字面量还是用户定义的变量,如果propertyName是值类型的字面量,则解释器自动将其转换为字符串后再读取或创建属性,如obj[1],obj[true]会被转换成obj["1"]、obj["true"].

    如果propertyName是变量名称(或者是表达式),则解释器会读取变量内容(或对表达式求值),如果变量的值是字符串,则直接读取属性,如果是其他类型的数据,则转换为字符串后再读取属性。举例如下:

    定义对象:

    定义变量:

    读取属性:

    更特殊的,为obj添加undefined属性:

    使用未初始化的变量c读取obj的undefined属性:

    由于c没有初始化,所以将c转换为字符串的结果是“undefined”,而obj存在“undefined”属性。

  • 相关阅读:
    PhpStorm函数注释的设置
    thinkphp5 返回数组提示variable type error: array
    js获取json对象中的key和value,并组成新数组
    PHP生成随机字符串与唯一字符串
    yii2-admin扩展自定义目录
    PHP7.3发布啦
    服务器环境从PHP5升级到PHP7
    亲测能用的mysqli类,挺好用的
    PHP必用代码片段
    git flow的使用
  • 原文地址:https://www.cnblogs.com/canger/p/6382944.html
Copyright © 2011-2022 走看看