8个有意思的JavaScript面试题

var a = 10;function foo() { console.log(a); // ?? var a = 20;}foo();

var a = 10;function foo() { console.log(a); // ?? let a = 20;}foo(); 

var array = [];for (var i = 0; i < 3; i++) { array.push(() => i);}var newArray = array.map(el => el());console.log(newArray); // ?? 

function foo() { setTimeout(foo, 0); // 是否存在堆栈溢出错误?}

function foo() { return Promise.resolve().then(foo);} 

var obj = { x: 1, y: 2, z: 3 };[...obj]; // TypeError

var obj = { a: 1, b: 2 };Object.setPrototypeOf(obj, { c: 3 });Object.defineProperty(obj, "d", { value: 4, enumerable: false });// what properties will be printed when we run the for-in loop?for (let prop in obj) { console.log(prop);}

var x = 10;var foo = { x: 90, getX: function() { return this.x; }};foo.getX(); // prints 90var xGetter = foo.getX;xGetter(); // prints ??

var a = 10; // 全局使用域function foo() { // var a 的声明将被提升到到函数的顶部。 // 比如:var a console.log(a); // 打印 undefined // 实际初始化值20只发生在这里 var a = 20; // local scope}

var a = 10; // 全局使用域function foo() { // TDZ 开始 // 创建了未初始化的'a' console.log(a); // ReferenceError // TDZ结束，'a'仅在此处初始化，值为20 let a = 20;}

// 误解作用域:认为存在块级作用域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]

// 使用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]

let array = [];for (var i = 0; i < 3; i++) { array[i] = (function(x) {  return function() {   return x;  }; })(i);}const newArray = array.map(el => el());console.log(newArray); // [0, 1, 2] 

function foo() { return Promise.resolve().then(foo);}

var obj = { x: 1, y: 2, z: 3 };obj[Symbol.iterator] = function() { // iterator 是一个具有 next 方法的对象， // 它的返回至少有一个对象 // 两个属性：value＆done。 // 返回一个 iterator 对象 return {  next: function() {   if (this._countDown === 3) {    const lastValue = this._countDown;    return { value: this._countDown, done: true };   }   this._countDown = this._countDown + 1;   return { value: this._countDown, done: false };  },  _countDown: 0 };};[...obj]; // 打印 [1, 2, 3]

var obj = { x: 1, y: 2, z: 3 };obj[Symbol.iterator] = function*() { yield 1; yield 2; yield 3;};[...obj]; // 打印 [1, 2, 3]

var obj = { a: 1, b: 2 };var descriptor = Object.getOwnPropertyDescriptor(obj, "a");console.log(descriptor.enumerable); // trueconsole.log(descriptor);// { value: 1, writable: true, enumerable: true, configurable: true }

var obj = { a: 1, b: 2 }; //a，b 都是 enumerables 属性// 将{c：3}设置为'obj'的原型，并且我们知道// for-in 循环也迭代 obj 继承的属性// 从它的原型，'c'也可以被访问。Object.setPrototypeOf(obj, { c: 3 });// 我们在'obj'中定义了另外一个属性'd'，但是// 将'enumerable'设置为false。 这意味着'd'将被忽略。Object.defineProperty(obj, "d", { value: 4, enumerable: false });for (let prop in obj) { console.log(prop);}// 打印// a// b

var x = 10; // global scopevar foo = { x: 90, getX: function() {  return this.x; }};foo.getX(); // prints 90let xGetter = foo.getX;xGetter(); // prints 10

window.x === 10; // true

let getFooX = foo.getX.bind(foo);getFooX(); // 90