博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript 中定义变量时有无var声明的区别
阅读量:7079 次
发布时间:2019-06-28

本文共 1537 字,大约阅读时间需要 5 分钟。

关于JavaScript中定义变量时有无var声明的区别

var a=5;    //正确a=5;    //正确

  在javascript中,以上两种方法都是定义变量的正确方法。微软的Script56.CHM中是这样解释的:

  尽管并不安全,但声明语句中忽略 var 关键字是合法的JS语法。这时,JS 解释器给予变量全局范围的可见度。当在过程级中声明一个变量时,它不能用于全局范围,这种情况下,变量声明必须用 var 关键字。

  

从上面的描述看来,对待这两种定义方法要区分以下两种情况:

1.在一个过程级中(即位于function的定义范围内,无论是函数,还是类)的任何地方,包括在一个区块里(for,while,if……),定义变量时,使用var定义,则此变量只在这个过程级内起作用,反之为全局变量。

2.在过程级外定义变量时,无论是否忽略var,都将定义一个全局变量。

从这点看来,JS和其他语言有不一样的地方,变量的范围不以“{}”作为边界,而是以”function(){}”为边界,而且在过程内可以很轻松的定义全局变量。如果不注意这个问题的话,是很容易产生不可预知的错误的。

  

  区别一:在函数作用域内 加var定义的变量是局部变量(在方法内),不加var定义的就成了全局变量。

  例1:变量使用 var 定义:

  例2:变量不使用 var 定义:

  例3:

  在上面的test3方法内,当把local变量的var去掉后,local就变成了全局变量,但是在局部不使用local,则这个local作为全局是无效的。

  为了验证这点,我把test3方法内部唯一使用local变量的这句代码注释掉.发现在外部也打印不出来了。如下代码所示:

  例4:

  总结:全局变量可以不声明var 函数内变量必须声明var,在定义全局变量时加或不加var关键字没什么影响;但在定义局部变量时如果不加var关键字javascript解释程序会将其解释为全局变量。

  

  区别二:在全局作用域下,使用var定义的变量不可以delete,没有var 定义的变量可以delete.也就说明隐含全局变量严格来说不是真正的变量,而是全局对象的属性,因为属性可以通过delete删除,而变量不可以。

 

  区别三:使用var 定义变量还会提升变量声明,如:

  例5:变量使用 var 定义:

  例6:变量没有使用 var 定义:

     这就是使用var定义的变量的声明提前。

 

  区别四:在ES5的'use strict'模式下,如果变量没有使用var定义,就会报错。

 

 

 

变量作用域的规则如下:

1.如果在函数或代码块中使用var 关键字声明一个变量,那么这是一个属于这个函数或代码块的局部变量;

2.如果使用一个没有用var 关键字声明的变量,并且存在同名的全局变量,那么该局部变量将等同于已经存在的全局变量;

3.如果使用var 关键字在局部声明一个变量,但是没有对变量进行初始化(即为变量赋值),那么它是个局部变量,但是它是未定义的;

4.如果在局部声明变量时没有使用var关键字,或者显式地声明为全局变量,但是没有初始化它,那么它是一个可以全局访问的变量,但是也是未定义的。

(——《JavaScript 学习指南》Shelley Powers 著)

 

 

 

 

 

参考:http://www.jb51.net/article/53909.htm

尽管并不安全,但声明语句中忽略 var 关键字是合法的 JScript 语法。这时,JScript 解释器给予变量全局范围的可见度。当在过程级中声明一个变量时,它不能用于全局范围;这种情况下,变量声明必须用 var 关键字。

转载地址:http://huvml.baihongyu.com/

你可能感兴趣的文章
07_01_定义加载器(Webpack Book)
查看>>
Let's encrypt 通配域名DNS验证方式的证书自动更新
查看>>
PHP 框架学习(二):Laravel
查看>>
总结常见的违背Rest原则的接口设计做法
查看>>
JAVASCRIPT中THIS指的是什么?
查看>>
推荐一个全新的简单可扩展的基于MVC模式开发的PHP CMS系统:metacms
查看>>
基于 Laravel 的模块化开发框架
查看>>
将Medium中的博客导出成markdown
查看>>
D-Bus Tutorial
查看>>
Spring中的事务控制
查看>>
Promise的简单实现
查看>>
我的豆瓣短评爬虫的多线程改写
查看>>
netfilter 结构整理
查看>>
Golang TcpProxy和Nodejs TcpProxy
查看>>
『总结』jQuery常用函数方法
查看>>
Zsh 开发指南(第三篇 字符串处理之转义字符和格式化输出)
查看>>
shell终端常用快捷键和小技巧
查看>>
【教程】Edraw Max(亿图图示):怎么插入图片到思维导图中?
查看>>
【EASYDOM系列教程】之替换节点
查看>>
后端开发者从零做一个移动应用(后端篇)
查看>>