网易JS面试题与Javascript词法作用域说明

调用对象位于作用域链的前端，局部变量（在函数内部用var声明的变量）、函数参数及Arguments对象都在函数内的作用域中——这意味着它们隐藏了作用域链更上层的任何同名的属性。

2010年9月14日，我去参加网易网页工程师招聘会，应聘JS工程师职位。有幸参加笔试，然后有幸栽在笔试，呵呵。废话少说，抓出音响极深的一题重新研究研究。

题目大概是：写出如下代码的输出结果并进行分析

代码如下:

var tt = 'aa';
function test(){
alert(tt);
var tt = 'dd';
alert(tt);
}
test();

“太简单了！”这是我当时看到这个题目是的第一想法，于是轻率答题竟成我的致命之伤。我的答案是——aa和dd，解析：第一次输出全局变量的结果，然后局部变量tt覆盖全局变量所引用的值，所以第二次输出结果是dd。

任何人见我如此作答，都会认为我是在扫盲——想法及其幼稚（我也这么认为）！

网易啊，怎么可能会满意于这种答案！

正确的答案应该是：undefined和dd

为什么第一次alert的结果是undefined呢？要解释得清楚明白需要用到Javascript的词法作用域。

Javascript中的函数“在定义它们的作用域里运行，而不是在执行它们的作用域里运行”，这是权威指南里抽象而精辟的总结。

Javascript的逻辑默认在一个全局作用域中执行，如以上程序段中的“var tt='aa';”就是定义一个全局作用域的全局变量（如果以上代码段不是摘自某个函数链的话）。而test()函数内部的逻辑必须在原有的作用域（全局 作用域）链再添加test函数本身的作用域（局部性）——这些思想几乎在每一种语言中都是如此定义的，然而Javascript作用域链的特别之处在于函 数内部能够嵌套函数的定义（这是闭包的基础。注：在JS中函数是唯一形式的代码作用域）

嵌套的内部函数可以调用外部函数（被嵌套的函数）的变量和其他嵌套函数（函数是一种数据）。如果是在外部函数内调用嵌套函数，那么调用对象不变，当 外部函数执行完毕后所有数据（包括外部函数和嵌套的内部函数）都将被垃圾回收机制收集——这一点还不能体现出‘闭包'的精华。有一种情况，就是 Javascript允许外部调用嵌套的内部函数，即使被嵌套函数已经被‘垃圾收集'——最常见的就是在‘某个函数'中用其嵌套的内部函数定义某些元素的 响应事件，页面载入的时候被嵌套函数（‘某个函数'）已经执行完毕（被垃圾回收），但当事件触发的时候仍然会有响应的动作，而且响应函数中还可能调用到在 被嵌套函数（‘某个函数'）中定义的变量最终值（不是被垃圾回收了吗？）。

关于闭包的知识和示例有很多资料可供查询，我不想叙述。

本文的重点是以下非常重要的细节：

调用对象位于作用域链的前端，局部变量（在函数内部用var声明的变量）、函数参数及Arguments对象都在函数内的作用域中——这意味着它们隐藏了作用域链更上层的任何同名的属性。

即，在以上程序片段中，test函数内部的“var tt='dd'”将会致使“var tt='aa'”在test函数被调用时完全被隐藏。而且，tt是在第一个alert语句之后定义，所以在调用到第一个alert时，tt是还没有被赋值 的。这样说可能会清楚一点，即，在定义test函数时，当定义第一个alert(tt)时，这里会记录tt是作用域链中的一个变量但不会记录它（tt）的 值，函数定义完毕后tt就添加到作用域里，所以第一个alert语句能够找到该作用域里的tt（即，相当于找到一个已经在函数内部声明，但未被赋值的 tt）。

以上程序片段的执行结果与以下片段的结果相同：

代码如下:

var tt = 'aa';
function test(){
var tt;
alert(tt);
tt = 'dd';
alert(tt);
}
test();

Javascript的作用域不可简单的用C++等语言的思维来理解啊！C++在调用函数之前必须先声明或定义，而Javascript没必要。在 Javascript中可以先调用函数，后再定义（不用在调用之前作任何声明）。因为在调用函数时，Javascript是向作用域链要函数的定义（函数在定义它们的作用域里运行，而不是在执行它们的作用域里运行）

如以上代码写成：


代码如下:

var tt = 'aa';
test(); //先调用后再定义
function test(){
alert(tt); //undefined
var tt = 'dd';
alert(tt); //dd
}

以上代码片段虽然能够得到相同的结果，但最好不要那样写啦，习惯不好，代码不好维护。

赞 (0)

相关推荐

  • 关于javascript作用域的常见面试题分享

    本文主要给大家分享了关于javascript作用域面试题的相关内容,分享出来供大家参考学习,下面来一起看看吧. 一.作用域: 在了解作用域之前,首先需要明白一些基础概念: 每一个变量.函数都有其作用的范围,超出作用不得使用,这个叫做作用域. 二.全局变量.局部变量: 1.全局变量: (1)在全局范围内声明的变量,如var a=1; (2)只有赋值没有声明的值,如a=2; (注:如果a=2在函数环境中,也是全局变量) 2.局部变量: 写入函数中的变量,叫做局部变量. 3.作用: (1)程序的安全.

  • 一道关于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('--------

  • 网易JS面试题与Javascript词法作用域说明

    调用对象位于作用域链的前端,局部变量(在函数内部用var声明的变量).函数参数及Arguments对象都在函数内的作用域中--这意味着它们隐藏了作用域链更上层的任何同名的属性. 2010年9月14日,我去参加网易网页工程师招聘会,应聘JS工程师职位.有幸参加笔试,然后有幸栽在笔试,呵呵.废话少说,抓出音响极深的一题重新研究研究. 题目大概是:写出如下代码的输出结果并进行分析 复制代码 代码如下: var tt = 'aa'; function test(){ alert(tt); var tt

  • 深入了解JavaScript词法作用域

    JavaScript并不是传统的块级作用域,而是函数作用域! 一.作用域 JavaScript引擎在代码执行前会对其进行编译,在这个过程中,像var a = 2 这样的声明会被分解成两个独立的步骤: 第一步(编译阶段):var a 在其作用域中声明新变量.这会在最开始的阶段,也就是代码执行前进行. 第二步(运行阶段):a = 2 会查询变量a(LHS查询)并对其进行赋值. LHS & RHS(当前作用域->上级作用域->...->全局作用域) LHS(左侧):试图找到变量的容器本

  • javascript 词法作用域和闭包分析说明

    javascript 词法作用域和闭包分析说明

    复制代码 代码如下: var classA = function(){ this.prop1 = 1; } classA.prototype.func1 = function(){ var that = this, var1 = 2; function a(){ return function(){ alert(var1); alert(this.prop1); }.apply(that); }; a(); } var objA = new ClassA(); objA.func1(); 大家应

  • JavaScript词法作用域与调用对象深入理解

    关于 Javascript 的函数作用域.调用对象和闭包之间的关系很微妙,关于它们的文章已经有很多,但不知道为什么很多新手都难以理解.我就尝试用比较通俗的语言来表达我自己的理解吧. 作用域 Scope Javascript 中的函数属于词法作用域,也就是说函数在它被定义时的作用域中运行而不是在被执行时的作用域内运行.这是犀牛书上的说法.但"定义时"和"执行(被调用)时"这两个东西有些人搞不清楚.简单来说,一个函数A在"定义时"就是 functio

  • JavaScript进阶（二）词法作用域与作用域链实例分析

    本文实例讲述了JavaScript词法作用域与作用域链.分享给大家供大家参考,具体如下: 一.作用域 域表示的就是范围,即作用域,就是一个名字在什么地方可以使用,什么时候不能使用.想了解更多关于作用域的问题推荐阅读<你不知道的JavaScript上卷>第一章(或第一部分),从编译原理的角度说明什么是作用域.概括的说作用域就是一套设计良好的规则来存储变量,并且之后可以方便地找到这些变量. 1.1 块级作用域 在C.Java.C#等编程语言中,下面的语法报错(伪代码) { var num = 12

  • 深入理解JavaScript高级之词法作用域和作用域链

    深入理解JavaScript高级之词法作用域和作用域链

    主要内容:1.分析JavaScript的词法作用域的含义 2.解析变量的作用域链 3.变量名提升时什么 最近在传智播客讲解JavaScript的课程,有不少朋友觉得JavaScript是如此的简单,但是又如此的不知如何使用,因此我准备了一些内容给大家分享一下. 这个系列主要讲解JavaScript的高级部分的内容,包括作用域链.闭包.函数调用模式.原型以及面向对象的一些东西. 在这里不包含JavaScript的基本语法,如果需要了解基础的同学可以到http://net.itcast.cn里面去下

  • js词法作用域与this实例详解

    目录 前言 实践 总结 前言 静态作用域又叫做词法作用域,采用词法作用域的变量叫词法变量.词法变量有一个在编译时静态确定的作用域.词法变量的作用域可以是一个函数或一段代码,该变量在这段代码区域内可见(visibility):在这段区域以外该变量不可见(或无法访问).词法作用域里,取变量的值时,会检查函数定义时的文本环境,捕捉函数定义时对该变量的绑定.大多数现在程序设计语言都是采用静态作用域规则,如 C/C++ . C# . Python . Java . JavaScript …… 相反,采用动

  • 深入理解javascript作用域第二篇之词法作用域和动态作用域

    前面的话 大多数时候,我们对作用域产生混乱的主要原因是分不清楚应该按照函数位置的嵌套顺序,还是按照函数的调用顺序进行变量查找.再加上this机制的干扰,使得变量查找极易出错.这实际上是由两种作用域工作模型导致的,作用域分为词法作用域和动态作用域,分清这两种作用域模型就能够对变量查找过程有清晰的认识.本文是深入理解javascript作用域系列第二篇--词法作用域和动态作用域 词法作用域 第一篇介绍过,编译器的第一个工作阶段叫作分词,就是把由字符组成的字符串分解成词法单元.这个概念是理解词法作用域

  • 通过JS运行机制的角度说说作用域

    前言 任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围.JS中的作用域.闭包.this机制和原型往往是最难理解的概念之一.笔者将通过几篇文章和大家谈谈自己的理解,希望对大家的学习有一些帮助.如果有什么理解偏差的地方,希望大家可以评论指出,相互学习. 有过一定编程经验的同学,一定不会对作用域感到陌生,在C/C++/Java中等语言中,作用域从来没有JavaScript中的作用域那样令人困惑以致于成为一个大多数JS开发者都难以跨过的门槛. 作用域形成机制 JS中存在的三种

  • JavaScript静态作用域和动态作用域实例详解

    静态作用域指的是一段代码,在它执行之前就已经确定了它的作用域,简单来说就是在执行之前就确定了它可以应用哪些地方的作用域(变量). 动态作用域–函数的作用域是在函数调用的时候才决定的 JavaScript采用的是词法作用域即静态作用域: // 静态作用域: var a = 10; function fn() { var b = 1; console.log(a + b); } fn(); // 11 在创建fn函数时的时候就已经确定了它可以作用哪些变量,如果函数fn里面有变量a就直接操作变量a,

随机推荐