黑马程序员技术交流社区

标题: 前端面试JS问题 [打印本页]

---

作者: 小刀葛小伦    时间: 2019-8-1 15:36
标题: 前端面试JS问题
问题一：浏览器打印下面代码回输出什么

[JavaScript] 纯文本查看 复制代码

var a = 10;

function foo() {

    console.log(a); // ??

    var a = 20;

}

foo();

答案： undefined
解析：使用var关键字声明的变量在JavaScript中会被提升，并在内存中分配值undefined。 但初始化恰发生在你给变量赋值的地方。 另外，var声明的变量是函数作用域的，而let和const是块作用域的。 所以，这就是这个过程的样子

[JavaScript] 纯文本查看 复制代码

var a = 10; // 全局使用域

function foo() {

// var a 的声明将被提升到到函数的顶部。

// 比如:var a



console.log(a); // 打印 undefined



// 实际初始化值20只发生在这里

   var a = 20; // local scope

}

问题二：我们使用const和let代替var输出是否相同

[JavaScript] 纯文本查看 复制代码

var a = 10;

function foo() {

    console.log(a); // ??

    let a = 20;

}

foo();    

答案：ReferenceError：a undefined
解析：let和const声明可以让变量在其作用域上受限于它所使用的块、语句或表达式。与var不同的是，这些变量没有被提升，并且有一个所谓的暂时死区(TDZ)。试图访问TDZ中的这些变量将引发ReferenceError，因为只有在执行到达声明时才能访问它们。

[JavaScript] 纯文本查看 复制代码

var a = 10; // 全局使用域

function foo() { // TDZ 开始



// 创建了未初始化的'a'

    console.log(a); // ReferenceError



// TDZ结束，'a'仅在此处初始化，值为20

    let a = 20;

}

问题三："newArray"中有哪些元素

[JavaScript] 纯文本查看 复制代码

var array = [];

for(var i = 0; i <3; i++) {

 array.push(() => i);

}

var newArray = array.map(el => el());

console.log(newArray); // ??   

答案：[3，3，3]
解析：在for循环的头部声明带有var关键字的变量会为该变量创建单个绑定（存储空间）。 阅读更多关于闭包的信息。 让我们再看一次for循环。

[JavaScript] 纯文本查看 复制代码

// 误解作用域:认为存在块级作用域

var array = [];

for (var i = 0; i < 3; i++) {

  // 三个箭头函数体中的每个`'i'`都指向相同的绑定，

  // 这就是为什么它们在循环结束时返回相同的值'3'。

  array.push(() => i);

}

var newArray = array.map(el => el());

console.log(newArray); // [3, 3, 3]

如果使用 let 声明一个具有块级作用域的变量，则为每个循环迭代创建一个新的绑定

[JavaScript] 纯文本查看 复制代码

// 使用ES6块级作用域

var array = [];

for (let i = 0; i < 3; i++) {

  // 这一次，每个'i'指的是一个新的的绑定，并保留当前的值。

 // 因此，每个箭头函数返回一个不同的值。

  array.push(() => i);

}

var newArray = array.map(el => el());

console.log(newArray); // [0, 1, 2]

解决这个问题的另一种方法是使用闭包。

[JavaScript] 纯文本查看 复制代码

let array = [];

for (var i = 0; i < 3; i++) {



  array = (function(x) {

    return function() {

      return x;

    };

  })(i);

}

const newArray = array.map(el => el());

console.log(newArray); // [0, 1, 2]  

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2