亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

javaScript問下這個this是指向哪里?順便解讀下這段代碼?

javaScript問下這個this是指向哪里?順便解讀下這段代碼?

哈士奇WWW 2018-08-07 10:10:40
function wrap(value, wrapper) {    return function() {      var args = [value];      push.apply(args, arguments);      return wrapper.apply(this, args);    };  }
查看完整描述

1 回答

?
ABOUTYOU

TA貢獻1812條經驗 獲得超5個贊

如果我印象沒記錯,你這代碼可能不太全,這應該是 underscore 的 wrap 函數
作用是包裝一個函數進行擴展

function wrap(func, wrapper) {    return function() {        var args = [func];        Array.prototype.push.apply(args, arguments);        return wrapper.apply(this, args);
    };
}

例子

舉個例子,現在有一函數 greeting 可以打招呼:

function greeting() {    return '你好!'}console.log(greeting()) // => 你好!

那現在我要現有函數的基礎下進行擴展,讓其能對人打招呼

var greetingTo = wrap(greeting, function(func, name) {    return name + func()
})console.log(greetingTo('王大錘')) // => 王大錘你好!

原理

function wrap(func, wrapper) {    // func 被包裝的函數
    // wrapper 擴展的函數
    return function() {        // 這邊先把被包裝的函數給放在一個數組裡
        var args = [func];        // arguments 是內建的屬性,可以取得該函數的參數
        // 這裡作用等同於 args.push(arguments)
        Array.prototype.push.apply(args, arguments);        
        // 這裡的 this 是為了保持原函數的上下文
        // 被包裝後的函數是被誰呼叫的其 this 就是指向誰
        // 下面舉例
        return wrapper.apply(this, args);
    };
}

var robot = {    name: 'A-1',    greeting: '你好!',    hello: function() {        return this.greeting
    }
}

robot.hello = wrap(robot.hello, function(func, name) {    // 這裡的 this 指向 robot
    return name + func.bind(this)()
})console.log(robot.hello('王大錘')) // => 王大錘你好


查看完整回答
反對 回復 2018-09-21
  • 1 回答
  • 0 關注
  • 589 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號