前端技巧|JS变量中你不知道的小埋伏
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了前端技巧|JS变量中你不知道的小埋伏,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1604字,纯文字阅读大概需要3分钟。
内容图文
![前端技巧|JS变量中你不知道的小埋伏](/upload/InfoBanner/zyjiaocheng/990/3cd1ff9c093a46b0928132a1834e756d.jpg)
即使是前端大神有时候也会被一些小埋伏给打趴下,即时防患于未然才是王道,今天小编就来给大家介绍几个JS变量设置中的小埋伏,拿好小本本。
使用var关键字声明的变量即显式声明变量:如:var abc1 = ‘hello’
js允许不使用var声明变量即隐式声明变量:如:abc2 = ‘world’
那么,问题来了,这两种变量有什么不一样的地方吗?
1.如果abc1和abc2 都在全局作用域,在浏览器控制台打印window对象:console.log( window )
如下图:
上图可以看到:在全局的变量abc1和abc2都是window对象的属性,都拥有全局作用域。
2.如果abc1和abc2都在函数作用域,在浏览器控制台打印window对象?
如下图:
上图可以看到:在函数作用域中abc1不会出现在window对象中,是一个局部变量;而abc2依然是window对象的属性,拥有全局作用域。
3.如果abc1和abc2 都在全局作用域,都是window对象的属性,它们是否可以如对象属性一般可以被删除呢?
如下图:
上图可以看到:使用var声明的变量abc1并没有被删除,依然是window对象的属性;而不使用var声明的变量abc2已被删除掉。
为什么会有这样的差别呢?
这与默认的对象属性描述符有关!
如下图:
上图可以看到:window对象的属性abc1的描述符中,configurable: false 表示该属性不可配置、不可删除。
如下图:
上图可以看到:window对象的属性abc2的描述符中,configurable: true 表示该属性可配置、可删除。
正是对象属性描述符中的默认设置不一样,导致了是否可删除的差异!
在js中变量声明和函数声明会出现‘声明提升’,js引擎解析执行代码时分为两个阶段:1.预解析阶段;2.逐行执行阶段。
在预解析阶段变量abc1被声明并赋初始值为undefined;在逐行执行阶段变量abc1被赋值为‘hello’;所以,在变量声明之前打印不会报错,打印的值为undefined。
文章来源:http://cq.mobiletrain.org/
内容总结
以上是互联网集市为您收集整理的前端技巧|JS变量中你不知道的小埋伏全部内容,希望文章能够帮你解决前端技巧|JS变量中你不知道的小埋伏所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。