脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript变量作用域

一道关于JavaScript变量作用域的面试题

 更新时间：2016年03月08日 11:51:09   作者：ShineJaie  
这篇文章主要为大家介绍了一道关于JavaScript变量作用域的面试题，如何解决这道面试题，感兴趣的小伙伴们可以参考一下

小编觉得这道题对理解JavaScript 作用域还是很有帮助的，特此又把自己的解题思路梳理了一遍，希望对其它人有所帮助。

首先看下面试题：

var arr = [1, 2, 3];
  for (var i = 0, j; j = arr[i++];) {
    console.log(j);
  }

  console.log('---------');
  console.log(i);
  console.log('---------');
  console.log(j);
  console.log('---------');

在解题前，我们先回顾下 JavaScript 中，变量域相关的知识。

全局变量(Global)
全局变量是指在任何地方都可以访问的变量，有两种情况

在 function 外面声明，不论是否用 var 关键字
在 function 里面声明，不使用 var 关键字，当然声明的语句必须被执行才可以
局部变量(Local )
局部变量只能在被声明的 function 内部才能访问
在 function 里面声明，使用 var 关键字
两点要注意的地方

先看代码：

alert(i); // 输出 undefined
 
 for (var i = 0; i < 1; i++){};
 
 alert(i); // 输出1

JavaScript 不存在语句作用域，在语句内定义的变量会扩散到语句外边, 例子中 i 在 for 语句中声明，但是在 for 语句的外面任然可以访问
在 for 语句之前就可以访问到 i ，只不过这时候还没有被赋值
开始我们的解题

i++ 是在 i 使用后再自加：

第一次执行时，j=arr[0]，之后 i=1，console.log(j) 输出 1

第二次执行时，j=arr[1]，之后 i=2，ocnsole.log(j) 输出 2

第三次执行时，j=arr[2]，之后 i=3，ocnsole.log(j) 输出 3

第四次（不符合 for  条件），j=arr[3] 为 undefined，之后 i=4，ocnsole.log(j) 没有输出，退出 for 循环

for 语句执行结束后，console.log(i) 由上分析可知输出 4，console.log(j) 输出 undefined

最后输出结果为:

2
---------
---------
undefined
---------

针对上面的分析和结果，想必大家都已经搞清楚了吧，然后我们开始举一反三吧。

借题改题一
题目：
var arr = [1, 2, 3];

  for (var i = 0, j; j = arr[++i];) {
    console.log(j);
  }

  console.log('---------');
  console.log(i);
  console.log('---------');
  console.log(j);
  console.log('---------');

答案：

2
3
---------
3
---------
undefined
---------

借题改题二
题目：

function xxx() {
    var arr = [1, 2, 3];
    for (var i = 0, j; j = arr[i++];) {
      console.log(j);
    }
  }
  xxx();

  console.log('---------');
  console.log(i);
  console.log('---------');
  console.log(j);
  console.log('---------');

答案：

1
2
3
---------
报错：Uncaught ReferenceError: i is not defined

为大家就分享到这，希望对大家理解JavaScript作用域有所帮助。

您可能感兴趣的文章:

相关文章

  • Ubuntu 11.10 安装Node.js的方法

    Ubuntu 11.10 安装Node.js的方法

    Ubuntu 11.10 安装Node.js的方法，需要的朋友可以参考下。
    2011-11-11
  • javascript删除option选项的多种方法总结

    javascript删除option选项的多种方法总结

    这篇文章主要是对javascript删除option选项的多种方法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-11-11
  • javascript tips提示框组件实现代码

    javascript tips提示框组件实现代码

    一个简单的类似title的提示效果，但现实内容可以很丰富，以上js另存为tip.js，下面是使用的demo。
    2010-11-11
  • echarts动态渲染柱状图背景颜色及顶部数值方法详解

    echarts动态渲染柱状图背景颜色及顶部数值方法详解

    在使用echarts时,有时需要给柱状图设置背景,下面这篇文章主要给大家介绍了关于echarts动态渲染柱状图背景颜色及顶部数值的相关资料,文中通过图文以及代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • javascript稀疏数组(sparse array)和密集数组用法分析

    javascript稀疏数组(sparse array)和密集数组用法分析

    这篇文章主要介绍了javascript稀疏数组(sparse array)和密集数组用法,分析javascript稀疏数组和密集数组的功能、定义与使用方法,需要的朋友可以参考下
    2016-12-12
  • 几种响应式文字详解

    几种响应式文字详解

    本文主要介绍了几种响应式文字的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • js实现计算器功能

    js实现计算器功能

    这篇文章主要为大家详细介绍了js实现计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-08-08
  • Js利用正则表达式去除字符串的中括号

    Js利用正则表达式去除字符串的中括号

    这篇文章主要给大家介绍了关于Js利用正则表达式去除字符串的中括号的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • JS实现简单的todoList(记事本)效果

    JS实现简单的todoList(记事本)效果

    这篇文章主要为大家详细介绍了JS实现简单的todoList（记事本）效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • JS+CSS设置img在DIV中只显示Img垂直居中的部分

    JS+CSS设置img在DIV中只显示Img垂直居中的部分

    img的宽和Div相同，但高不固定，要求只显示Img垂直居中的部分，下面有个不错的示例，感兴趣的朋友可以参考下
    2013-10-10

最新评论