为什么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()。