Javascript中.和[]获取属性的区别

问题描述

问 题

function _showLinkEle(type){
    var action = {
        0: function(){     // 声音+图片
            
        },
        1: function(){     // 声音+文字

        },
        2: function(){     // 视频

        },
        3: function(){     // 课程链接

        },
        "": function(){
            return;
        },
    };
}
console.log(action.type);  //undefined
console.log(action[type]); //可读取到值

内部javascript是什么机制导致的？

解决方案

.可以快捷访问符合变量命名规则的key
[ ]可以访问任意key，即使key不符合变量命名规则

obj={
    1:'a',
    'b':12,
    '>9':'x'
}
Object {1: "a", b: 12, >9: "x"}
obj.b
12
obj.>9 //不符合变量命名规则
SyntaxError: Unexpected token >
obj['>9']
"x"
obj.1 //不符合变量命名规则
SyntaxError: Unexpected number
obj[1]
"a"
obj['1']
"a"
obj['b']
12

这篇关于Javascript中.和[]获取属性的区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！