你有必要知道的25个JavaScript面试题

2016-11-16

转载自

1.使用 typeof bar === “object” 判断 bar 是不是一个对象有神马潜在的弊端？如何避免这种弊端？

使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof)：

var obj = {};
var arr = [];

console.log(typeof obj === 'object'); //true
console.log(typeof arr === 'object'); //true
console.log(typeof null === 'object'); //true

从上面的输出结果可知，typeof bar === "object" 并不能准确判断 bar 就是一个 Object。可以通过 Object.prototype.toString.call(bar) === "[object Object]" 来避免这种弊端：

let obj = {};
let arr = [];

console.log(Object.prototype.toString.call(obj)); //[object Object]
console.log(Object.prototype.toString.call(arr)); //[object Array]
console.log(Object.prototype.toString.call(null)); //[object Null]

关于Object.prototype.toString.call()与window.toString.call()的结合理解

2. 下面的代码会在 console 输出神马？为什么？

(function(){
    var a = b = 3;
})();

console.log("a defined? " + (typeof a !== 'undefined')); 
console.log("b defined? " + (typeof b !== 'undefined'));

这跟变量作用域有关，输出换成下面的：

console.log(b); //3
console,log(typeof a); //undefined

拆解一下自执行函数中的变量赋值：

b = 3;
var a = b;

所以 b 成了全局变量，而 a 是自执行函数的一个局部变量。

3. 下面的代码会在 console 输出神马？为什么？

var myObject = {
     foo: "bar",
     func: function() {

    var self = this;
    console.log("outer func: this.foo = " + this.foo);
    console.log("outer func: self.foo = " + self.foo);

        (function() {
            console.log("inner func: this.foo = " + this.foo);
            console.log("inner func: self.foo = " + self.foo);
        }());
    }
};
myObject.func();

打印结果：

outer func: this.foo = bar
outer func: self.foo = bar
inner func: this.foo = undefined
inner func: self.foo = bar

4.将 JavaScript 代码包含在一个函数块中有神马意思呢？为什么要这么做？

换句话说，为什么要用立即执行函数表达式（Immediately-Invoked Function Expression）。

IIFE 有两个比较经典的使用场景，一是类似于在循环中定时输出数据项，二是类似于 JQuery/Node 的插件和模块开发。

for(var i = 0; i < 5; i++) {
    setTimeout(function() {console.log(i); }, 1000);
}

上面的输出并不是你以为的0，1，2，3，4，而输出的全部是5，这时 IIFE 就能有用了：

for(var i = 0; i < 5; i++) {
    (function(i) {
        setTimeout(function() {console.log(i);}, 1000);
    })(i)
}

而在 JQuery/Node 的插件和模块开发中，为避免变量污染，也是一个大大的 IIFE：

(function($) { 
    //代码
} )(jQuery);

5. 在严格模式(‘use strict’)下进行 JavaScript 开发有神马好处？

1.消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;

2.消除代码运行的一些不安全之处，保证代码运行的安全；

3.提高编译器效率，增加运行速度；

4.为未来新版本的Javascript做好铺垫。

6.下面两个函数的返回值是一样的吗？为什么？

function foo1(){
    return {
    bar: "hello"
    };
}

下一个

function foo2(){
    return
{
    bar: "hello"
};
}