JavaScript Bind趣味解答

Posted 2020-07-08 Moustache

　　首先声明一下，这个解答是从Segmentfault看到的，挺有意思就记录下来。我放到最下面：

bind()

　　https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

Function.prototype.bind 这个方法是 ECMAScript 5 新增加的，在 Firefox 4/Chrome 中都支持，IE8 应该还不支持。

简介：

创建一个 Function ，当这个新的 Function 被调用时，使用给定的 this 值所在的 Context，并且传入给定的参数序列。

语法：

var bound = fun.bind( thisValue, [, arg1 [, arg2 [ ... ] ] ] );

参数：

thisValue：当新的 Function 被调用时，thisValue 会付给其 this 值。如果使用 new 操作符调用 Function，则忽略 thisValue。

arg1, arg2, ...：当新的 Function 被调用时，当作参数列表传入，插入在调用时实际参数之前。

--------------------------------------------------我是可爱的分割线-----------------------------------------------------------------------

举个栗子：

链接在此：https://segmentfault.com/q/1010000002508005

你（son）和你爸（papa）在一块的时候，大家都会知道你爸爸的名字（不知道可以直接问啊！），用代码来说就是：

var papa = {
    name: "li gang",
    son: function() {
        return this.name;
    }
};
alert( papa.son() );
但是你不和你爸在一块的时候呢？就成了这样：

var son = papa.son;
alert( son() );
你会发现你大家没办法知道你爸的名字了，然后你就不能为非作歹了。好在你还记得你爸的电话号码，打个电话就又可以兴风作浪又知道了：

alert( son.call(papa) );
然后你想了想，不行啊，不能我每次兴风作浪的时候都得打我爸电话吧，我爸还不得弄死我。诶！这么笨，我随身带着我爸的身份证复印件不就好了嘛，所以你就成了这样：

son = son.bind( papa );
alert( son() );
哈哈，爸爸再也不用担心我出门被打叻(?´?`?)！

就这样又过了半年你爸爸大人作死收了一个养子！什么！遗产全部都是我的！养子的中文名叫 二狗子，英文名叫 er~Gou~Zi：

function erGouZi() {
    return this.name;
}
这个二狗子养子也想知道你爸的名字好出去泡妞把妹歌功颂德，哀求了半天之后，老爸也给了他一份复印件：

erGouZi = erGouZi.bind( papa );
alert( erGouZi() );
二狗子这货啊表示非常高兴，决定每次报出爸爸的大名的时候都要加上敬爱的三个字，就像我们经常说敬爱的 x 总理 一样，于是他机智的做了一次小手术：

erGouZi = function() {
    var prefix = arguments[0] || "";
    return prefix + this.name;
}
erGouZi = erGouZi.bind( papa, "great " );
alert( erGouZi() );
又没过多久，这事被老爸知道了。老爸对于二狗子这种舔脚后跟的行为表示非常满意，对他越来越恩爱亲切，对你越来越冷板凳。最后终于老爸把所有的遗产都给了二狗子而你因为平常只会坑蒙拐骗啥技能也不会只能上街乞讨最后被城管暴打而死。

终！

　　

最后在放一个关于null和undefined的，这个来源于阮老师 undefined与null的区别 文章里的评论，感兴趣的朋友可以去看看。

null

Q：有张三这个人么？
A：有！
Q：张三在哪？
A：已去世了

undefine:

Q：有张三这个人么？
A：没有！