javascript的变量作用域--对比js、php和c的for循环
为什么要写这篇文章呢？主要是给自己提个醒，js的水很深，需要小心点儿才能趟过去，更何况自己不是专业人士，那就得更加小心了。
看下面的js代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript中变量的作用域</title>
</head>
<body> <script>
for (var i = 0; i < 3; i++) {
console.log(i);
}
console.log('第一个for循环结束');
console.log(i); console.log('第二个for循环开始'); for (; i > 0; i--) {
console.log(i);
}
console.log('第二个for循环结束');
console.log(i);
</script>
</body>
</html>
你猜它的输出是什么？
为何循环结束后，i的值仍然存在呢？js循环代码块内部变量的作用域怎么跑到外面来了？作为js小白的我，竟然会问这么傻的问题。答案是，js没有块级作用域，像for、if、switch等控制结构形成的代码块内部声明的变量其实都是全局变量。对于像c这种有块级作用域的语言，在for语句执行完毕后，循环变量会被销毁，下面是c语言的for循环：
#include "stdio.h"
int main() {
for (int i = ; i < ; i++) {
printf("%d\n", i);
}
printf("%d\n", i); // 这里编译时会报错 error: use of undeclared identifier 'i'
}
编译时报错如下：
而对于javascript这种没有块级作用域的语言，即使在for循环结束之后，循环变量i也是会存在于循环外部的“全局”当中，因为这个循环变量其实就是“全局变量”。这种描述不够准确，javascript当中一个重要的概念是执行环境（execution context），简称环境。每个环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。全局执行环境是最外围的一个执行环境，比如在浏览器中，全局执行环境就是window对象，所以，所有的全局变量都是作为window对象的属性和方法创建的。比如上面的循环变量i，应该可以访问window.i：
下面只写出js代码：
for (var i = 0; i < 3; i++) {
console.log(i);
}
console.log('第一个for循环结束');
console.log(i);
console.log('访问window.i');
console.log(window.i);
console.log('第二个for循环开始');
for (; i > 0; i--) {
console.log(i);
}
console.log('第二个for循环结束');
console.log(i);
console.log('访问window.i');
console.log(window.i);
结果如下：
那么，javascript中的局部变量该怎么定义呢？（或者说如何定义一个变量，这个变量不会被影响到全局呢），答案是函数。js中除了全局执行环境外，还有一个执行环境：函数执行环境，也可以把它叫做局部执行环境。比如下面这段代码：
var j = 0;
function test() {
var j = 1;
return j;
} console.log(j);
输出结果为0，证明函数内部的j没有污染到外部的j，函数内部的j只在函数的执行环境内被访问。
我又想到php跟js一样都是脚本语言，那么php是不是也没有块级作用域呢？看下面的代码：
<?php
if (true) {
$i = 7;
}
echo $i , PHP_EOL;
for ($i = 0; $i < 3; $i++) {
echo $i , PHP_EOL;
}
echo '第一个for循环结束' , PHP_EOL;
echo $i , PHP_EOL;
echo '第二个for循环开始' , PHP_EOL;
for (; $i > 0; $i--) {
echo $i , PHP_EOL;
}
echo '第二个for循环结束' , PHP_EOL;
echo $i , PHP_EOL;
输出结果如下：
嗯，没错，它也没有块级作用域。其实php手册中很“含蓄”的表达了这一点：“变量的范围即它定义的上下文背景（也就是它的生效范围）。大部分的 PHP 变量只有一个单独的范围。这个单独的范围跨度同样包含了 include 和 require 引入的文件。......在用户自定义函数中，一个局部函数范围将被引入。任何用于函数内部的变量按缺省情况将被限制在局部函数范围内。”
我又想到了php的for循环，我记得php手册中对于foreach循环的描述中有这么一段话“Warning：数组最后一个元素的 $value 引用在 foreach 循环之后仍会保留。建议使用 unset() 来将其销毁。”，这个恐怕也是因为它没有块级作用域的原因，但手册中for循环中没有提到这一点，这有些奇怪。看来，php的水也很深。
其实，javascript的ES6规范中已经引入了let（还有const）变量标识符，利用let可以让js的变量拥有块级作用域，看下面的代码：
for (let i = 0; i < 3; i++) {
console.log(i);
}
console.log('第一个for循环结束');
console.log(i);
输出结果如下：
看来js正在变得越来越规范。
ps：js的执行环境、php的局部变量和全局变量，以后还要仔细学习下。
参考：
1，javascript高级程序设计
2，php手册
javascript的变量作用域--对比js、php和c的for循环的更多相关文章
- [转]深入理解JavaScript的变量作用域
1.JavaScript的作用域链 2.函数体内部,局部变量的优先级比同名的全局变量高. 3.JavaScript没有块级作用域. 4.函数中声明的变量在整个函数中都有定义. 5.未使用var关键字定 ...
- 深入理解JavaScript的变量作用域(转载Rain Man之作)
在学习JavaScript的变量作用域之前,我们应当明确几点: JavaScript的变量作用域是基于其特有的作用域链的. JavaScript没有块级作用域. 函数中声明的变量在整个函数中都有定义. ...
- 深入理解JavaScript的变量作用域
在学习JavaScript的变量作用域之前,我们应当明确几点: JavaScript的变量作用域是基于其特有的作用域链的. JavaScript没有块级作用域. 函数中声明的变量在整个函数中都有定义. ...
- JavaScript函数变量作用域
变量作用域 在JavaScript中,用var申明的变量实际上是有作用域的. 如果一个变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量. 如果两个不同的函数各自申明了同一变 ...
- Javascript之变量作用域
分析: 无论是强类型语言c#.c++.java等语言,还是弱类型语言如Javascript,所有变量可以抽象为两种类型,即局部变量和全局变量. 全局变量:整个作用域可见. 局部变量:局部可见,退出作用 ...
- JavaScript的变量作用域
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 浅谈javascript中变量作用域和内存（1）
先理解两个概念:基本类型和引用类型的值 1.基本类型和引用类型的值 (1)定义: 基本类型:指简单的数据段,比如按值访问的js五种基本数据类型undefined.null.boolean.number ...
- 浅谈javascript中变量作用域和内存（2）
1.无块级作用域 javascript没有块级作用域,这会让其他程序员在理解js代码上很痛苦.在其他很多语言,比如C,大括号括起来的代码块都有自己的作用域 举个例子 if(true) { var na ...
- JavaScript 关于变量作用域的一道面试题
ShineJaie 原创,转载请注明出处. 昨晚在一个交流群里看到有位网友提了一个他的面试题求助答疑.刚好我也有看到,就对这个问题思考了一下,觉得这道题对理解 JavaScript 作用域还是很有帮助 ...
随机推荐
- 将表里的数据批量生成INSERT语句的存储过程 增强版
将表里的数据批量生成INSERT语句的存储过程 增强版 有时候,我们需要将某个表里的数据全部或者根据查询条件导出来,迁移到另一个相同结构的库中 目前SQL Server里面是没有相关的工具根据查询条件 ...
- Redis/HBase/Tair比较
KV系统对比表 对比维度 Redis Redis Cluster Medis Hbase Tair 访问模式 支持Value大小 理论上不超过1GB(建议不超过1MB) 理论上可配置(默认配置1 ...
- EntityFramework之DetectChanges's Secrets（三）（我为EF正名）
前言 对于应用程序开发者来说,通常不需要考虑太多对于Entity Framework中的变更追踪(change tracking),但是变更追踪和DetectChanges方法是栈的一部分,在这其中, ...
- Android Studio —— 重装 HAXM
Android Studio -- 重装 HAXM 版权声明:本文为博主原创文章,未经博主允许不得转载. 微博:厉圣杰 文中如有纰漏,欢迎大家留言指出. Android SDK 自带模拟器一直以慢.卡 ...
- UWP开发之Mvvmlight实践八：为什么事件注销处理要写在OnNavigatingFrom中
前一段开发UWP应用的时候因为系统返回按钮事件(SystemNavigationManager.GetForCurrentView().BackRequested)浪费了不少时间.现象就是在手机版的详 ...
- H5坦克大战之【玩家控制坦克移动2】
周一没有看圣诞大战,这几天比较忙也没有看赛后的报道,今天就先不扯NBA,随便扯扯自己.昨天在电脑里找东西的时候翻到以前兼职健身教练时的照片,思绪一下子回到学生时代,脑子久久换不过来.现在深深觉得健身和 ...
- 编译器开发系列--Ocelot语言6.静态类型检查
关于"静态类型检查",想必使用C 或Java 的各位应该非常熟悉了.在此过程中将检查表达式的类型,发现类型不正确的操作时就会报错.例如结构体之间无法用+ 进行加法运算,指针和数值之 ...
- ReSharper详解Index0
JetBrains ReSharper可以帮助Visual Studio用户编写出更好的代码.支持对C#,VB.NET,XAML,JavaScript,TypeScript,JSON,XML,HTML ...
- CentOS 6.5安装Node.js, npm
CentOS上可以通过下载*.tar.gz安装包的方式自己解压缩.编译的方式安装,同时还可以采用EPEL的方式安装: Node.js and npm are available from the Fe ...
- 初尝Brnshop移植到Linux Mono Jexus环境运行
brnshop是最近社区上比较火的开源商城. Jexus是Linux上的web服务器,简单说就是Linux的iis吧.特别感谢作者宇内流云的指点 一.根据http://www.cnblogs.com/ ...