JavaScript变量提升和严格模式实例分析

网络编程 2024/11/18 佚名

2 0 1

金狮镖局 Design By www.egabc.com

本文实例讲述了JavaScript变量提升和严格模式。分享给大家供大家参考，具体如下：

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,变量提升,严格模式

标签：

JavaScript,变量提升,严格模式

金狮镖局 Design By www.egabc.com

金狮镖局 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

金狮镖局 Design By www.egabc.com

评论“JavaScript变量提升和严格模式实例分析”

暂无JavaScript变量提升和严格模式实例分析的评论...

JavaScript变量提升和严格模式实例分析

JavaScript,变量提升,严格模式

Vue组件教程之Toast(Vue.extend 方式)详解

超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法

评论“JavaScript变量提升和严格模式实例分析”

更新日志

友情链接