在Javascript中 声明时用"var"与不用"var"的区别


Posted in Javascript onApril 15, 2013

Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。

var num = 1;

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

而 num = 1;

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

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

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

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

具体见以下代码:

// num1为全局变量,num2为window的一个属性
                     var num1 = 1;
                     num2 = 2;
                     // delete num1;  无法删除
                     // delete num2;  删除
                     function model(){
                            var num1 = 1; // 本地变量
                            num2 = 2;     // window的属性
                            // 匿名函数
                            (function(){
                                   var num = 1; // 本地变量
                                   num1 = 2; // 继承作用域(闭包)
                                   num3 = 3; // window的属性
                            }())
                     }

PS. 在ECMAScript5标准中,有一种“严格模式”(Strict Mode)。在严格模式中,为未声明的标识符赋值将会抛引用错误,因此可以防止意外的全局变量属性的创造。目前一些浏览器的新版本已经支持。

Javascript 相关文章推荐
IE与Firefox下javascript getyear年份的兼容性写法
Dec 20 Javascript
javascript css styleFloat和cssFloat
Mar 15 Javascript
Jquery选择子控件"大于号"和" "区别介绍及使用示例
Jun 25 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 Javascript
javascript下拉列表菜单的实现方法
Nov 18 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
Jun 02 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
Vue基本使用之对象提供的属性功能
Apr 30 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
Mar 06 Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
Apr 15 #Javascript
深入了解javascript中的prototype与继承
Apr 14 #Javascript
谈谈JavaScript中的函数与闭包
Apr 14 #Javascript
在新窗口打开超链接的方法小结
Apr 14 #Javascript
JS中setTimeout()的用法详解
Apr 14 #Javascript
js验证是否为数字的总结
Apr 14 #Javascript
JS 实现Json查询的方法实例
Apr 12 #Javascript
You might like
PHP下通过file_get_contents的代理使用方法
2011/02/16 PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
如何使用php实现评委评分器
2015/07/31 PHP
深入理解PHP内核(一)
2015/11/10 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
JavaScript 常用函数库详解
2009/10/21 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
2015/03/25 Javascript
浅谈javascript原型链与继承
2015/07/13 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
2016/11/18 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
JS实现焦点图轮播效果的方法详解
2016/12/19 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
详解NodeJS框架express的路径映射(路由)功能及控制
2017/03/24 NodeJs
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
2020/02/03 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
基于python元祖与字典与集合的粗浅认识
2017/08/23 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
python requests证书问题解决
2019/09/05 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
Python中base64与xml取值结合问题
2019/12/22 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
计算机专业应届毕业生自荐信
2013/09/26 职场文书
应届毕业生自荐信
2014/05/28 职场文书
2014年保卫部工作总结
2014/11/21 职场文书
党支部考察鉴定意见
2015/06/02 职场文书