javascriptの"bind" in Function.prototype || (Function.prototype.bind...の意味を教えてください

Question

###概要
あるホームページを調べていて、
"bind" in Function.prototype || (Function.prototype.bind
という構文が出てきました。
javascriptでbindの使い方がわかりません。
"bind" in Function.prototype と(Function.prototype.bind..
の論理式ってどういうことでしょうか？

また、この宣言文でprototype.bindされたものはどのような挙動をするのでしょうか？
よろしくお願いいたします。

###ソース

var hoge1,hoge2,hoge3;
"bind" in Function.prototype || (Function.prototype.bind = function () {
    var a = this, b = Array.prototype.slice.call(arguments), c = b.shift();
    return function () {
        return a.apply(c, b.concat(Array.prototype.slice.call(arguments)));
    };
});

function hoge1() {
...
}
hoge1.prototype = {
}

function hoge2() {
...
}
hoge2.prototype = {
}

function hoge3() {
...
}
hoge3.prototype = {
}

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

in 演算子は、指定されたプロパティが指定されたオブジェクトにある場合に true を返します。

in - JavaScript リダイレクト 1 | MDN

expr1 を true と見ることができる場合は、expr1 を返します。そうでない場合は、expr2 を返します。

論理演算子 - JavaScript | MDN

以上のような動作ですので、

"bind" in Function.prototype || (Function.prototype.bind = function () {
  var a = this, b = Array.prototype.slice.call(arguments), c = b.shift();
  return function () {
    return a.apply(c, b.concat(Array.prototype.slice.call(arguments)));
  };
});

上記コードは、関数のメソッドにbindがある時は論理和演算子||以降の式が評価されず、そうでない時は論理和演算子||以降の式が評価されます。
つまり、以下のコードとだいたい等価です。

if ("bind" in Function.prototype) {
}
else{
  Function.prototype.bind = function () {
    var a = this, b = Array.prototype.slice.call(arguments), c = b.shift();
    return function () {
      return a.apply(c, b.concat(Array.prototype.slice.call(arguments)));
    };
  };
}

具体的にどういうコードかと言うと、bindメソッドのpolyfillです。

Polyfill とは、最近の機能をサポートしていない古いブラウザで、その機能を使えるようにするためのコードのです。

Polyfill - 用語集 | MDN

bind() メソッドは、呼び出された時に新しい関数を生成します。最初の引数 thisArg は新しい関数の this キーワードにセットされます。2 個目以降の引数は、新しい関数より前に、ターゲット関数の引数として与えられます。

Function.prototype.bind() - JavaScript | MDN

Comments

[Ushop]

大変わかりやすい解説ありがとうございました。
"bind" in Function.prototypeの謎が解けました。
ありがとうございました。