变量声明时命名与变量作为对象属性时命名的区别解析
作者:互联网
2025-08-14
这个标题实在拗口,Javascript命名变量所遵循的规则
1、第一个字符必须是字母、汉字字符、 下划线(_)或美元符号($)
2、剩下的可以是下划线、汉字字符、 美元符号和任何字母、数字
以下声明变量是正确的
复制代码代码如下:
var p,$p,_p;
var 长,宽;
以下是错误的
复制代码代码如下:
var .p;//只能是字母、数字、下划线或美元符号
var -p;//只能是字母、数字、下划线或美元符号
var p*;//只能是字母、数字、下划线或美元符号
var 4p,4长;//不能以数字开头
var 长 度;//中间不能有空格
作为对象属性时,有两种方式存取。一是点号(.)运算符,一是中括号([])运算符。
复制代码代码如下:
var p = {name:"Jack"};
alert(p.name);//点号
alert(p['name']);//中括号
1、点号要求后面的运算元是合法的标识符(即合法的变量命名),对于不合法的不可以使用
2、中括号要求的则是一个字符串即可,不必是合法的变量命名。如4p是不合法的变量命名(因为以数字开头),但却可以作为对象属性名(前提是字符串)
复制代码代码如下:
var p = {
"4p":"Jack",
"-3":"hello",
name:"Tom",
"我":"me",
"我 们":"we"
};
alert(p.4p);//不合法,语法分析时报错,不能以数字开头
alert(p.我);//合法,输出"me"
alert(p.我 们);//不合法,语法分析时报错("我"和"们"之间有个空格)
alert(p["我 们"]);//合法,输出"we",虽然"我"和"们"之间有空格,仍然可以用[]存取
alert(p['4p']);//合法,输出"Jack"
alert(p.name);//合法,输出"Tom"
用直接量声明一个对象变量时,属性名有时候我们会加引号,有时候则不加,但无论加或不加,对象的属性类型都是string
复制代码代码如下:
var book = {bname:"js权威指南","price":108};//bname没加引号,price加了
for(var attr in book) {
//两次输出都是string,说明js会动态将其转换成字符串类型
alert( attr + ":" + typeof(attr) );
}
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
vue3中静态提升和patchflag实现
你的 Vue 3 ref(),VuReact 会编译成什么样的 React?
你的 Vue 3 reactive(),VuReact 会编译成什么样的 React?
Vue3 转 React:组件透传 Attributes 与 useAttrs 使用详解|VuReact 实战
使用 VueUse 构建一个支持暂停/重置的 CountUp 组件
vue2中使用 AntV G6
前端视频媒体带声音自动播放方案最佳实践和教程
[前端]可折叠容器组件、信息展示卡片组件
Vue3 日历组件选型指南:五大主流方案深度解析
Vue3 代码编写规范 | 避坑指南+团队协作标准
AI精选
