爲什麼bind看起來像數組一樣呈現參數？

Question

我的印象是，我可以通過使用bind將參數傳遞給一個函數，然後調用這些參數，就好像它們已經正常傳遞一樣。爲什麼我需要這樣做：

$(document).ready(function() { 
    var func = function(button) { 
    button[0].on('click', function() { 
     alert('Hello World.'); 
    }) 
    } 
    func.bind(null, [$('.button')])(); 
}); 

當好像我應該能夠只是這樣做：

$(document).ready(function() { 
    var func = function(button) { 
    button.on('click', function() { 
     alert('Hello World.'); 
    }) 
    } 
    func.bind(null, [$('.button')])(); 
}); 

例，治療button參數作爲一個數組：

$(document).ready(function() { 
 
    var func = function(button) { 
 
    button[0].on('click', function() { 
 
     alert('Hello World.'); 
 
    }) 
 
    } 
 
    func.bind(null, [$('.button')])(); 
 
});

html, body, div { 
 
    padding:0; 
 
    margin:0; 
 
    display:flex; 
 
    justify-content:center; 
 
} 
 

 
.button { 
 
    background-color:gray; 
 
    margin:50px; 
 
    padding:50px; 
 
    width:50%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class="button">Button</div>

Answer 1

bind()用於將當前調用範圍綁定到函數，以便即使從其他位置調用該函數，它也會知道該綁定範圍中的局部變量。

您要找的是apply()。

var func = function(button) { 
 
    button.on('click', function() { 
 
    console.log('hello world'); 
 
    }); 
 
} 
 

 
func.apply(this, [$('.button')]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="button">Click Me</button>

爲了完整起見，有也是較爲常用的一個call()功能。它不是參數數組，而是在初始範圍參數後面使用參數列表。

func.call(this, $('.button')); 

Answer 2

您正在使用.bind錯誤。你不應該給它的參數數組，你應該給自己的論點：

function print(x, y, z) { 
 
    console.log(x, y, z);  
 
} 
 

 
print12 = print.bind(null, 1, 2); 
 

 
print12(3); // 1, 2, 3

而且，Soviut提到的，如果你調用.bind(...)()，你可能想.apply()或改爲.call()。