JavaScript面试题详解（一）

常见的选择题目

(function(){
    return typeof arguments;
})();

"object"：typeof操作符只可能出现六种情况：undefined, string, boolean, number, object, function。
arguments是函数的实参集合，所以为object

var f = function g(){ return 23; };
typeof g();

Error：这叫做有名函数表达式，在有些浏览器中g找不到，只能在函数内找到，是非标准的。不建议使用

(function(x){
    delete x;
    return x;
})(1);

1：delete只能删除属性不能删除变量

  var y = 1, x = y = typeof x;
  x;

"undefined"：从右向左 "undefined"

(function f(f){
    return typeof f();
})(function(){ return 1; });

"number"：把参数function(){return 1;}看成一个整体

  var foo = {
    bar: function() { return this.baz; },
    baz: 1
  };
  (function(){
    return typeof arguments[0]();
  })(foo.bar);

"undefined"：此题的难度在于搞清楚this的指向。在javascript中，this一直指向调用的对象，即谁调用的，this就指向谁。这里arguments[0]()前面没有调用对象，表示window调用，此时this指向window。window下面没有bar这个变量，所以undefined

  var f = (function f(){ return "1"; }, function g(){ return 2; })();
  typeof f;

"number"：这里是","运算符的使用，逗号运算符从左到右，取第二个值。

  var x = 1;
  if (function f(){}) {
    x += typeof f;
  }
  x;

"1undefined"：注意函数声明不能写在if,for等流程语句中，这种写法是不好的。此时浏览器将找不到f函数，所以typeof f为"undefined"，然后通过字符串拼接可得到结论。

  (function(foo){
    return typeof foo.bar;
  })({ foo: { bar: 1 } });

"undefined"：把参数看成一个整体即可。

  (function f(){
    function f(){ return 1; }
    return f();
    function f(){ return 2; }
  })();

2 ：这里的重点是考javascript预解析。js并不是单一的至上而下执行，js在执行一段作用域之前，会执行预解析。即浏览代码，找出变量与函数声明，所以即使函数声明在执行代码下面也可以执行。预解析优先级：函数外的变量声明 < (形参 = 函数内变量声明) < 函数内函数声明，在相同变量名前提下后面会覆盖前面的(形参与变量声明等同)。所以f函数是第二个执行了。

function f(){ return f; }
new f() instanceof f;

false：这里要注意，new操作符执行构造函数时，一般会反回原函数对象，但如果构造函数反回的是对象或者函数的时候，对象或函数会覆盖构造函数构造的对象。即new操作符没有用处。

with (function(x, undefined){}) length;

2 ：注意with操作符在现在javascript中已不推荐使用。此题如果转换成正确代码就是：(function(x , undefined){}).length，在函数中，length属性表示形参的个数。

一些重要的考点

考点1：外层的变量，内层可以找到（全局），内层的变量，外层找不到（局部）

var a = 10;
function aaa(){
    alert(a);
}
function bbb(){
    var a = 20;
    aaa();
}
bbb();

结果为10：注意aaa()调用的时候不是找bbb函数作用域内的a，而是aaa函数在定义时的外层作用域。

考点2：当定义变量var不加的时候，会自动生成全局的变量（不建议这样写，最好把所有要定义的变量加上var）

function aaa(){
    a = 10;
}
aaa();
alert(a); // 10

考点3：变量的查找是就近原则去需找,var定义的变量,当就近没有找到的话，就会查找外层

var a = 10;
function aaa(){
    alert(a);   //undefined
    var a = 20;
}
aaa();

结果为undefined：变量的查找是就近原则去需找,var定义的变量,当就近没有找到的话，就会查找外层

考点4：当参数跟局部变量重名的时候，优先级是等同

var a = 10;
function aaa(a){    
    alert(a);   //10 下面的var a 就是等同于 a
    var a = 20;
    
}
aaa(a);

var a = 10;
function aaa(a) { a += 3 };
aaa(a);
alert(a); // 10

第二题注意：aaa函数内的a表示形参a跟外面的a没有关系。

JavaScript面试题详解（一）

常见的选择题目

一些重要的考点

推荐阅读更多精彩内容