如何在同一個object內調用另一個function？

Question

let role = {
    test: (variable) => {
        // How do I call toLog(variable) from here?
    },
    toLog: (variable) => {
        console.log(variable);
    }
};

我想在 test() function 中調用 toLog() function 但我不知道如何調用。

Answer 1

標准JS函數使用動態綁定， this取決於誰在運行時調用該方法，因此，如果我們使用role.test()調用，它將this綁定到role 。

箭頭函數this綁定到當前上下文。 例如，如果代碼是在瀏覽器控制台中寫的，則this將綁定到window對象。 這被稱為靜態詞法結合 ，該裝置結合this它是在所定義的閉合。

如果你不會使用箭頭的功能， this將指向對象本身時叫role ：

 const role = { test(variable){ this.toLog(variable); }, toLog(variable) { console.log(variable); } }; role.test(5); 

在這種情況下，我們不希望綁定this到外的上下文，所以我們跳過靜態有利於動態的結合。

但是，如果我們將此方法用作回調，則動態綁定會根據誰在運行該方法來更改this方法。 為防止這種情況，我們必須使用bind創建一個對role的顯式靜態綁定。

 const role = { test(variable) { this.toLog(variable); }, toLog(variable) { console.log(variable); } }; let test = role.test; try { test(20); // will throw an error - this.toLog is not a function - because this points to window } catch (e) { console.log(e); } test = role.test.bind(role); test(25); // will work because it's staticly binded to role 

Answer 2

由於您使用的是箭頭函數，因此在此處使用它不起作用，但您將 object 引用為role ，因此您可以將 function 作為role.toLog從另一個 function 中調用，即test如下所示

 let role = { test: (variable) => { // How do I call toLog(variable) from here? role.toLog(`${variable} from test`); }, toLog: (variable) => { console.log(variable); } }; role.test('hello world');