js变量声明var使用与不使用的区别详解


Posted in Javascript onJanuary 21, 2019

一、区分显示的声明与隐式声明(var)

JS中变量声明分显式声明和隐式声明。

var name = 'muzidigbig';//显示声明 
name = 'muzidigbig';//隐式声明(为全局变量的一个属性)

在函数中使用var关键字进行显式声明的变量是做为局部变量,在全局范围内声明的变量为全局变量;而没有用var关键字,使用直接赋值方式声明的是全局变量(全局对象属性)。

// name = 'muzidigbig';//隐式声明(为全局变量的一个属性)
  console.log(name);
  function person(){
    name = '木子大大';
    console.log(name);
  }
  person();

当我们使用访问一个没有声明的变量时,JS会报错;而当我们给一个没有声明的变量赋值时,JS不会报错,相反它会认为我们是要隐式声明一个全局变量,这一点一定要注意。

name = 'muzidigbig';//隐式声明(为全局变量的一个属性)
console.log(name);
function person(){
  name = '木子大大';
  console.log(name);//木子大大
}
person();

在当前域中声明变量. 如果在方法中声明,则为局部变量(local variable);如果是在全局域中声明,则为全局变量。

而事实上是对属性赋值操作。首先,它会尝试在当前作用域链(如在方法中声明,则当前作用域链代表全局作用域和方法局部作用域)中解析 name; 如果在任何当前作用域链中找到name,则会执行对name属性赋值; 如果没有找到name,它才会在全局对象(即当前作用域链的最顶层对象,如window对象)中创造name属性并赋值。

注意!它并不是声明了一个全局变量,而是创建了一个全局对象的属性。

即便如此,可能你还是很难明白“变量声明”跟“创建对象属性”在这里的区别。事实上,Javascript的变量声明、创建属性以及每个Javascript中的每个属性都有一定的标志说明它们的属性----如只读(ReadOnly)不可枚举(DontEnum)不可删除(DontDelete)等等。

由于变量声明自带不可删除属性,比较var name = 'muzidigbig' 跟 name = 'muzidigbig',前者是变量声明,带不可删除属性,因此无法被删除;后者为全局变量的一个属性,因此可以从全局变量中删除。

若有不足请多多指教!希望给您带来帮助!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
jQuery弹出层插件简化版代码下载
Oct 16 Javascript
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
JQuery中的$.getJSON 使用说明
Mar 10 Javascript
javascript学习(二)javascript常见问题总结
Jan 02 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 Javascript
js获取鼠标位置实例详解
Dec 09 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
js实现会跳动的日历效果(完整实例)
Oct 18 Javascript
Vue中Axios从远程/后台读取数据
Jan 21 #Javascript
vue项目中实现的微信分享功能示例
Jan 21 #Javascript
在vue项目中引入highcharts图表的方法
Jan 21 #Javascript
js的对象与函数详解
Jan 21 #Javascript
JS实现求5的阶乘示例
Jan 21 #Javascript
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 #Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 #Javascript
You might like
PHP 读取文件的正确方法
2009/04/29 PHP
PHP读取txt文件的内容并赋值给数组的代码
2011/11/03 PHP
PHP CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
PHP微信开发之微信消息自动回复下所遇到的坑
2016/05/09 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
2011/04/01 Javascript
JQueryEasyUI Layout布局框架的使用
2013/04/08 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
javascript实现炫酷的拖动分页
2015/05/11 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
JS中的作用域链
2017/03/01 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
js canvas实现二维码和图片合成的海报
2020/11/19 Javascript
[51:43]OG vs LGD 2018国际邀请赛淘汰赛BO3 第五场 8.26
2018/08/30 DOTA
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
python实现百万答题自动百度搜索答案
2018/01/16 Python
selenium使用chrome浏览器测试(附chromedriver与chrome的对应关系表)
2018/11/29 Python
Django CSRF跨站请求伪造防护过程解析
2019/07/31 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
2017/02/13 HTML / CSS
英国和爱尔兰最大的地毯零售商:Kukoon
2018/12/17 全球购物
文员个人的求职信范文
2013/09/26 职场文书
大学生村官任职感言
2014/01/09 职场文书
社区八一活动方案
2014/02/03 职场文书
幼儿园安全责任书
2014/04/14 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
经理助理岗位职责
2015/02/02 职场文书
教师思想工作总结2015
2015/05/13 职场文书
我在伊朗长大观后感
2015/06/16 职场文书
运动会通讯稿600字
2015/07/20 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers