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

 更新时间:2013年04月15日 09:05:19   作者:  
Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的

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 中的无穷数(Infinity)详解

    JavaScript 中的无穷数(Infinity)详解

    这篇文章主要介绍了JavaScript 中的无穷数(Infinity)的相关资料,非常的细致全面,有需要的小伙伴可以参考下
    2020-02-02
  • JS创建事件的三种方法(实例代码)

    JS创建事件的三种方法(实例代码)

    下面小编就为大家带来一篇JS创建事件的三种方法(实例代码)。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 编写Js代码要注意的几条规则

    编写Js代码要注意的几条规则

    大家在编写js代码的时候需要注意的一些地方,按照下面的方法,大家就可以尽量的让你的代码,更优化。
    2010-09-09
  • 浏览器中url存储的JavaScript实现

    浏览器中url存储的JavaScript实现

    这篇文章主要介绍了浏览器中url存储的JavaScript实现,并且简单讲述了输入url地址后提示过去输入历史记录的原理,需要的朋友可以参考下
    2015-07-07
  • javascript中clone对象详解

    javascript中clone对象详解

    这篇文章主要介绍了javascript中clone对象的方法,需要的朋友可以参考下
    2014-12-12
  • Javascript的迭代器和迭代接口详解

    Javascript的迭代器和迭代接口详解

    这篇文章主要为大家详细介绍了Javascript的迭代器和迭代接口,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • 详解JS-- 浮点数运算处理

    详解JS-- 浮点数运算处理

    本篇文章主要介绍了JS--浮点数运算处理,现在分享给大家,也给大家做个参考。感兴趣的小伙伴们可以参考一下。
    2016-11-11
  • JavaScript常用全局属性与方法记录积累

    JavaScript常用全局属性与方法记录积累

    在学习javascript的过程中记录下常用的全局属性与方法,就当是知识的积累,以备日后使用,感兴趣的朋友可以了解下哈
    2013-07-07
  • 原生javascript 学习之js变量全面了解

    原生javascript 学习之js变量全面了解

    下面小编就为大家带来一篇原生javascript 学习之js变量全面了解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 讲解JavaScript中for...in语句的使用方法

    讲解JavaScript中for...in语句的使用方法

    这篇文章主要介绍了讲解JavaScript中for...in语句的使用方法,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06

最新评论