JavaScript变量提升和严格模式实例分析
本文实例讲述了JavaScript变量提升和严格模式。分享给大家供大家参考,具体如下:
梅河口网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联于2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
1.什么是变量提升
所谓的变量提升指的是:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体(作用域)的最顶部。
下面我们通过一个例子来详细说明一下。
//变量声明在使用之前 var x; console.log(x);//undefined //变量声明在使用之后 console.log(y);//undefined var y; //上面的式子可以写成下面的样子 /* 变量提升:把x,y提升到顶部 var x; var y; console.log(x); console.log(y); */
从上面这个例子我们可以看到:
①变量的使用有两种形式,先声明再使用或者先使用后声明;
②无论是哪一种形式都不影响变量的使用,这是因为有变量提升的存在,每一个你定义的变量都会被提升到顶部,也就是函数最开始的部分,这就变成了你在使用变量时其实都已经声明变量了。
下面我举一个经典的例子来更好地理解一下。
//经典案例:window表示全局,判断条件(变量a是否有在全局下)是在变量a声明之前 if(a in window){ var a; console.log('a in window'); }else{console.log('a not in window');} //a in window //相当于: /* var a; //a被提升到顶部 if(a in window){ console.log('a in window'); }else{console.log('a not in window');} */
这是变量提升的一个很好的例子,可以看到打印出来的结果表明,在我们使用a之前,声明变量a就被提升到顶部。
但是,要注意的是JavaScript 只有声明的变量会提升,初始化的不会。
console.log(c);//undefined var c = 1; //初始化 /* var c; console.log(c); c = 1; */ var d;//声明d d = 1;//初始化 console.log(d);//1
上面的c打印结果为undefined,这是因为提升的只有声明变量var c
,而初始化的c=1
没有提升而在使用之后。
为了避免上面出现的变量提升的问题,通常我们在每个作用域开始前声明我们要使用的变量。
2.严格模式
严格模式的写法就是在代码编写之前加上"use strict",严格模式要求你不能使用未声明的变量,否则会报错。
例如:
"use strict"; //严格模式 m =1; console.log(m);//m is not defined //在严格模式下,因为m未被声明就被使用或者初始化则会报错 var n = 1; console.log(n);//1
但是在没有使用严格模式的时候:
m =1; console.log(m);//1 //在非严格模式下,同样这样写就不会报错
虽然还是没有声明变量m但还是可以使用的。
所以,还是建议大家尽可能得使用严格模式来编写javascript代码,以消除Javascript语法的一些不合理、不严谨之处,让自己成为一个更优秀的程序员。
感兴趣的朋友还可以使用本站在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行结果。
更多关于JavaScript相关内容还可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
网站栏目:JavaScript变量提升和严格模式实例分析
分享网址:http://pwwzsj.com/article/jpchhi.html