javascriptでボックス化とは？callの使い方

Question

以下はMDNドキュメントでapplyについて書いてる文章です。

non-strict mode 内の関数であれば、ここで渡した値が null もしくは undefined であった場合は
グローバル・オブジェクトに置き換えられ、プリミティブ型の変数はボックス化されます。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Function/apply

この文言についていくつか質問させてください。

質問１．

null もしくは undefined であった場合はグローバル・オブジェクトに置き換えられ

ここでいってる「グローバル・オブジェクト」はWindowのことでよろしいでしょうか？

thisの参照先を変更するためにcallを使うと思いますが、

obj.hoge.call(null,[1,2]);

だとobj.hoge([1,2]);と同じ動作かとお見ますが、認識合ってますか？

質問２.

プリミティブ型の変数はボックス化され

プリミティブ型の変数(数値・文字列・論理値・null・undefined)を入れるとブックス化されるらしいですが、
ボックス化ってなんでしょうか？
{}これのことでしょうか？

以上、よろしくおねがいします。

Answer 1

ここでいってる「グローバル・オブジェクト」はWindowのことでよろしいでしょうか？

ブラウザではwindowじゃねーかな
場合によっては WorkerGlobalScope とかいうのにもなるし、globalとかいうのにもなる(Worker、Node.js)

obj.hoge.call(null,[1,2]);
だとobj.hoge([1,2]);と同じ動作かとお見ますが、認識合ってますか？

{
const obj2 = {huga: 3}, hoge = function () { console.log(this); };
hoge.call(null, [1, 2]);
hoge.call(window, [1, 2]);
hoge.call(obj2, [1, 2]);
}

ちな、アロー関数は自分ではthisもってねーからcallとかapplyは無効だろうな（しらんけど

ボックス化ってなんでしょうか？

https://ja.wikipedia.org/wiki/%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E5%8C%96

ボックス化（boxing）[1]とは、プログラミング言語において値型をオブジェクト型（参照型）に変換すること。

つまり、プリミティブな値のラッパーオブジェクトが生成されるっつーことじゃねーかな

Answer 2

Function.prototype.apply

• 19.2.3.1 Function.prototype.apply - ECMAScript® 2018 Language Specification

NOTE1: The thisArg value is passed without modification as the this value.
This is a change from Edition 3, where an undefined or null thisArg is replaced with the global object and ToObject is applied to all other values and that result is passed as the this value.
Even though the thisArg is passed without modification, non-strict functions still perform these transformations upon entry to the function.

意訳
「注意1: thisArg値はthis値として変更なしで渡されます。
これはECMAScript 3thの『undefined または null の thisArg がグローバルオブジェクトに置換され、他の全ての値は ToObject が適用され、その結果がthis値として渡す挙動』からの変更点です。
現在では、thisArg が変更なしで渡されたとしても、非Strict Modeでは関数呼び出し処理の初めに、これらの変換を実行します。」

グローバルオブジェクト

• 18 The Global Object - ECMAScript® 2018 Language Specification

グローバルオブジェクトにはいくつか要件がありますが、次のように覚えると良いと思います。

• グローバル変数をプロパティに持つオブジェクト
• グローバルコード上で this で参照できるオブジェクト

<script>
console.log(this);
console.log(Function('return this')());
</script>

Re: Kimsehwa さん