在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 相关文章推荐
用javascript操作xml
Nov 04 Javascript
关于document.cookie的使用javascript
Apr 11 Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
JS 表单验证大全
Nov 23 Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
JQuery实现防止退格键返回的方法
Feb 12 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
Aug 19 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
JS实现合并json对象的方法
Oct 10 Javascript
react native 原生模块桥接的简单说明小结
Feb 26 Javascript
vue中进行微博分享的实例讲解
Oct 14 Javascript
ES6中的Javascript解构的实现
Oct 30 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学习之 数组声明
2011/06/09 PHP
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
如何使用PHP批量去除文件UTF8 BOM信息
2013/08/05 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
解决php表单重复提交实现方法
2015/09/29 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
ie下jquery.getJSON的缓存问题的处理方法
2013/03/29 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
javascript函数式编程程序员的工具集
2015/10/11 Javascript
理解javascript中try...catch...finally
2015/12/25 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
Angularjs material 实现搜索框功能
2016/03/08 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
js学习总结之dom2级事件基础知识详解
2017/07/27 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
2020/07/29 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
用python删除java文件头上版权信息的方法
2014/07/31 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
Django分页功能的实现代码详解
2019/07/29 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
基于python实现学生信息管理系统
2019/11/22 Python
Python Tkinter Entry和Text的添加与使用详解
2020/03/04 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
Html5无刷新修改browser Url的方法
2014/01/15 HTML / CSS
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
法律专业自我鉴定
2013/10/03 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
小学教师教学随笔
2015/08/14 职场文书
Java用自带的Image IO给图片添加水印
2021/06/15 Java/Android