为什么“typeof this”返回“object”？

Question

var f = function(o){ return this+":"+o+"::"+(typeof this)+":"+(typeof o) };
f.call( "2", "2" );
// "2:2::object:string"

var f = function(o){ return this+":"+(typeof this)+":"+(typeof o); };
var x = [1,/foo/,"bar",function(){},true,[],{}];
for (var i=0;i<x.length;++i) console.log(f.call(x[i],x[i]));
// "1:object:number"
// "/foo/:object:object"
// "bar:object:string"
// "function () {\n}:function:function"
// "true:object:boolean"
// ":object:object"
// "[object Object]:object:object"

我在 Chrome、Firefox 和 Safari 中看到相同的结果，所以我假设它是按照 规范，但是...为什么？规范中的哪里定义了这个？为什么不针对函数呢？

Answer 1

正如 ECMA-262 ECMAScript 语言规范第三版中所定义的（参见脚注），它基于 规范（第 15.3.4.4 节）：

var result = fun.call(thisArg[, arg1[, arg2[, ...]]]);  

参数

thisArg

确定里面this的值
乐趣。如果 thisArg 为 null 或未定义，
这将是全局对象。
否则，这将等于
Object(thisArg)（如果是，则为 thisArg
thisArg 已经是一个对象，或者
字符串、布尔值或数字（如果 thisArg）
是一个原始值
对应类型）。因此，它是
this == 的类型始终为真
函数执行时为“对象”。

特别注意最后一行。

关键是js原语（string，number，boolean，null，undefined) 是不可变的，因此不能将函数附加到它们。因此，call 函数将原语包装在 Object 中，以便可以附加该函数。

例如：

不起作用：

var test = "string";
//the next 2 lines are invalid, as `test` is a primitive 
test.someFun = function () { alert(this); }; 
test.someFun();

起作用：（

var test = "string";
//wrap test up to give it a mutable wrapper
var temp = Object(test);
temp.someFun = function () { alert(this); };
temp.someFun();

脚注）- 正如 patrick dw 在评论中指出的那样，这将会改变在 ECMA-262 ECMAScript 语言规范第五版 当处于严格模式时：

来自第 15.3.4.4 节：

<块引用>

注意
thisArg 值的传递没有
修改为this值。这
是对第 3 版的更改，其中
未定义或 null thisArg 被替换
与全局对象和 ToObject 是
应用于所有其他值并且
结果作为 this 值传递。