JavaScript 的14道题

看微博的时候看到一个链接，是JS的14道题，地址：http://sentsin.com/jsquiz ，然后好奇的做了一下，结果，哈哈，错了一大半，所以就记下来，当复习JS吧~

typeof

typeof的解析链接

简单点说，typeof是一个一元运算符，返回值是一个字符串，该字符串说明运算数的类型。

typeof的返回值有7种，分别是：

result	typeof
“undefined”	undefined
“object”	null、{}、[],正则（Safar5,Chrome7之前的版本是”function”）
“boolean”	Boolean
“number”	Number,NAN
“string”	String
“function”	Function
“symbol”	Symbol (ES6)

注

值为undefined与未定义的值的区别

已声明但没赋值的的变量，它的值是undefined。

如：var a; ==>undefined

而未定义的值指没有被声明就直接进行运算的变量。

typeof并不区分这两种情况的值，输出的结果都为”undefined”

如：

var a;
typeof a; //undefined
typeof b; //undefined

但对未声明的变量使用除typeof之外的运算符时，则会报错。因为这些运算符只能使用已声明的变量。

区别typeof a 和typeof a()

如：function a(){}。

a指的是函数本身，而a()则是函数的返回结果（有return 就返回return的值，没有return，就返回undefined）

所以typeof a 求的是a的类型==>”function”,

而 typeof a() 求的是a函数的返回结果的类型。

写了这么多typeof的部分知识点，言归正传，分析分析那几道题（多数是和typeof有关的）

题目

1. argument的类型

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

答案:”object”

大家都知道的，arguments是类似Array，但实际上又不是一个Array实例。

在控制台里输出看了一下，arguments是继承于object的。

2. 函数表达式里面的函数名

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

答案：Error

具体解析：函数的声明

函数的声明有以下形式

function 命令

function [函数名] (){}

函数表达式

var [函数名]=function(){}

这种方法就是将一个匿名函数赋值给变量。

在采用函数表达式声明函数时,function 后面通常是不带函数名的，若加上函数名（如题目），则该函数只在函数体内有效，指代函数表达式本身，在函数体外无效，表现为未声明。

Function构造函数

var [函数名]=new Function(arg1, arg2, …, argN, function_body)

例：var f=new Function(‘a’,’b’,’return a+b’);

（应该很少人用这种方式吧…）

ps：以上形式平时的用法差不多，但在变量提升的时候还是有区别的。第一种是函数提升，后两者是变量提升。

so…

对于这题来说，变量g在函数外是未声明的，所以在执行g()时就会报错：g is not

defined. 如果问的是typeof g ，答案就是”undefined”

3. delete能删什么

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

答案：1

具体解析：javascript 中的 delete

delete 是用于删除对象的属性。但delete不是所有变量都能删除的。

Throws in strict mode if the property is an own non-configurable property (returns false in non-strict). Returns true in all other cases.

delete不能删除是non-configurable（ES5）或DontDelete的属性,(严格模式下报错，非严格模式下是返回false。）其他的属性则返回true。

delete不能删除普通变量，但可以删除全局变量（理解成全局变量（浏览器的window）的属性）

var a=123;
console.log(delete a);//false

b=123;
console.log(delete b);//true

delete不能删除函数声明

函数的length属性

一些常量（NaN、Infinity、undefined）

内置构造器的prototype

数组和字符串的length

Math对象的属性

好吧，说了这么多，还是不懂。。自己的理解吧，总结一句，delete只能删除对象的属性，但不是所有的对象属性都能删。

so… 函数参数的 properties 创建时也被赋予了 DontDelete 标志，所以删不了

4. 连等赋值问题？

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

答案：”undefined”

其实我也不知道这是考的是什么知识点。如果是连等赋值问题的话，那从右至左。

y一开始赋值为1，typeof x为”undefined”,y再被赋值为”undefined”,最后将y的值赋给x。

附：不要在JS中使用连等赋值操作

5. 参数和函数名冲突时的优先级

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

答案：”number”

立即执行函数不用说了吧，函数中传入的是一个函数参数，然后问函数参数的返回结果的类型。

6. this的指向

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

答案：”undefined”

When a function of an object was called, the object will be passed into the execution context as this value

即,function的this永远指向调用它的对象。

如本题的arguments[0]函数所在对象是arguments,所以this指向的是arguments对象，而arguments对象没有baz属性，所以返回”undefined”

7. 同上

var foo = {
bar: function(){
return this.baz;
},
baz: 1
}
typeof (f = foo.bar)();

答案：”undefined”

同上，这里的this指向的是函数f的对象，而f是全局变量（浏览器的window）的属性，所以this指向的（浏览器的）window，window没有baz属性，所以…

8. 逗号运算符

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

答案：”number”

逗号运算符可以在一条语句中执行多个运算,它将先计算左边，再计算右边。然后返回最右边的值。

var a=1,b=2;
var f=(a++,b++);
console.log(a);//2
console.log(b);//3
console.log(f);//2

所以在这题中函数g的返回值2被赋值给变量f。

9. if的判断条件？

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

答案：”1undefined”

不懂这题，下面的只是个人认为。。

是否可以将这题理解成

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

首先if的判断条件是否为真？

function a(){};
//不带括号的，如果定义了就是真，没有定义会报错
if(a){
console.log("true a");
}
else{
console.log("false a");
}
//输出 true a

//带括号的，其实相当于调用函数，自然是根据函数的返回值判断真假
if(a()){
console.log("true a");
}
else{
console.log("false a");
}
//输出 false a

所以题目中的if语句是执行的，那typeof f的值又是什么了？

如果可以像我所理解那样的话，f在函数体外部是没定义的，所以typeof f应该是”undefined”。

10.

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

答案：”string”

y没定义，所以第一个语句中，x被赋值”undefined”,所以连续求2次typeof还是”string”。

11.

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

答案：”undefined”

函数参数foo={foo:{bar:1}}

这个没什么好解释的吧。。。

12. 函数的重复声明

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

答案：2

如果同一个函数被多次声明，后面的声明就会覆盖前面的声明。由于函数名的提升，前一次声明在任何时候都是无效的。

和以下情况区分（变量名提升）

(function f(){
var f= function{ return 1; }
return f();
var f= function{ return 2; }
})();
//输出 1

13. 构造器中 return

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

答案：false

具体参考javascript构造函数返回值

new操作符的作用就是实例化一个对象类型

当new foo(…)这行代码执行时，有下列事情依次发生：

1：一个对象将被创建，它将继承foo.prototype。

2：这个构造函数foo将连同指定的参数被调用，this指针将绑定到新创建的对象上。

3：一个对象将通过foo构造函数返回，返回的值将是整个new表达式执行的结果。假如这个foo构造函数没有明确返回一个对象，那么这个对象的创建过程将回到第一步。

所以在这题中，构造函数中返回的是函数f，所以子new f()后返回的是函数f，而不是继承f.prototype

14. with

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

答案：2

with 语句用于设置代码在特定对象中的作用域。

本题中的对象是匿名函数，即求这个函数的length，就是形参的个数。

总结

该怎么说了，这些题目的考点，我想，刚开始学JS的人，都不会注意这些考点的吧，有点偏。但却是笔试的时候部分经常出的考点。但多学学是没错的啦~像自己去深究这些题目的原因时，自己在这个过程里也学了好多JS的知识哦，至少以后可以少给自己挖坑，跳进坑了，也知道怎么爬上来吧~最后一句，没事还是多看看权威指南~