Javascript面试的完美指南(开发者视角)(2)

Apply 类似，只是函数参数作为数组传递。

cylinder.volume.apply({pi: 3.14159}, [2, 6]);  
75.39815999999999 

如果你会使用 call 你基本就会用 apply 了，反之亦然， 那 bind 的用法又是如何呢 ?

bind 将一个全新的 this 注入到指定的函数上，改变 this 的指向， 使用 bind 时，函数不会像 call 或 apply 立即执行。

var newVolume = cylinder.volume.bind({pi: 3.14159});  
newVolume(2,6); // Now pi is 3.14159  

bind 用途是什么?它允许我们将上下文注入一个函数，该函数返回一个具有更新上下文的新函数。这意味着这个变量将是用户提供的变量，这在处理 JavaScript 事件时非常有用。

3) 理解 js 作用域(闭包)

JavaScript 的作用域是一个潘多拉盒子。从这一个简单的概念中，就可以构造出数百个难回答的面试问题。有三种作用域：

• 全局作用域
• 本地/函数作用域
• 块级作用域(ES6引进)

全局作用域事例如下:

x = 10; 
function Foo() { 
  console.log(x); // Prints 10 
} 
Foo()  

函数作用域生效当你定义一个局部变量时：

pi = 3.14; 
function circumference(radius) {     
     pi = 3.14159; 
     console.log(2 * pi * radius); // 打印 "12.56636" 不是 "12.56" 
} 
circumference(2);  

ES16 标准引入了新的块作用域，它将变量的作用域限制为给定的括号块。

var a = 10;  
function Foo() { 
  if (true) { 
    let a = 4; 
  } 
 
  alert(a); // alerts '10' because the 'let' keyword 
} 
Foo();  

函数和条件都被视为块。以上例子应该弹出 4，因为 if 已执行。但 是ES6 销毁了块级变量的作用域，作用域进入全局。

现在来到神奇的作用域，可以使用闭包来实现，JavaScript 闭包是一个返回另一个函数的函数。

如果有人问你这个问题，编写一个输入一个字符串并逐次返回字符。 如果给出了新字符串，则应该替换旧字符串，类似简单的一个生成器。

function generator(input) { 
  var index = 0; 
  return { 
    next: function() { 
      if (index < input.lenght) { 
        return input[index -1]; 
      } 
      return ""; 
    } 
  } 
}  

执行如下：

var mygenerator = generator("boomerang");  
mygenerator.next(); // returns "b"  
mygenerator.next() // returns "o"  
mygenerator = generator("toon");  
mygenerator.next(); // returns "t" 

在这里，作用域扮演着重要的角色。闭包是返回另一个函数并携带数据的函数。上面的字符串生成器适用于闭包。index 在多个函数调用之间保留,定义的内部函数可以访问在父函数中定义的变量。这是一个不同的作用域。如果在第二级函数中再定义一个函数，它可以访问所有父级变量。

4) this (全局域、函数域、对象域)

在 JavaScript 中，我们总是用函数和对象编写代码， 如果使用浏览器，则在全局上下文中它引用 window 对象。 我的意思是，如果你现在打开浏览器控制台并输入以下代码，输出结果为 true。

this === window; 

当程序的上下文和作用域发生变化时，this 也会发生相应的变化。现在观察 this 在一个局部上下文中：

function Foo(){ 
  console.log(this.a); 
} 
var food = {a: "Magical this"}; 
Foo.call(food); // food is this 

（编辑：ASP站长网）