如何在Javascript中重新绑定()相同的函数？
在Javascript中重新绑定相同的函数可以使用bind()方法。bind()方法创建一个新的函数，该函数与原函数具有相同的函数体，但是绑定了指定的this值和参数。
使用bind()方法重新绑定函数的语法如下：
function.bind(thisArg[, arg1[, arg2[, ...]]])其中，thisArg是指定的this值，arg1、arg2等是指定的参数。
下面是一个示例：
function sayHello() {
console.log("Hello, " + this.name);
}
var person = {
name: "Alice"
};
var boundSayHello = sayHello.bind(person);
boundSayHello(); // 输出：Hello, Alice在上面的示例中，我们定义了一个sayHello函数，然后创建了一个person对象，该对象有一个name属性。通过使用bind()方法，我们将sayHello函数重新绑定到person对象上，并创建了一个新的函数boundSayHello。当调用boundSayHello函数时，它会输出"Hello, Alice"，因为this被绑定到了person对象。
在云计算领域中，Javascript通常用于前端开发，可以通过bind()方法来重新绑定事件处理函数的this值，以确保在事件触发时能够正确地访问到相关的数据。
腾讯云提供了云函数（Serverless Cloud Function）服务，可以在云端运行Javascript代码，实现无服务器的后端逻辑。您可以通过腾讯云云函数产品了解更多信息：腾讯云云函数。
相关·内容
3回答
下面有这个示例代码。我可能有点离谱，但我总是把javascript中的this理解为函数/对象(即调用对象)的所有者。
function hello() {
var hello = [this.name, this.sayHello].join('');
console.log(hello);
}
var obj = {
name: 'Chris',
sayHello: ', how are you today?'
};
hello.call(obj);
我的下一个想法是，obj现在正在接收它的原型的hello()函数。然后
浏览 0提问于2016-08-28得票数 0
回答已采纳
5回答
为什么'this‘关键字在javascript中对象的速记方法中不起作用？
javascript
我在学习javascript。我在javascript中使用了下面的“this”
let person = {
name: 'Krishna',
age: 35,
sayHello() {
return 'Hello, my name is ' + this.name;
},
sayHi: () => `Hi ${this.name}`
};
console.log(person.sayHello());
console.log(person.sayHi());
sayHello()函数正确地将
浏览 0提问于2018-03-20得票数 2
回答已采纳
3回答
为什么这个JavaScript函数的行为如此奇怪？
javascript
观察：
function myFunc(arg1, arg2) {
if (arguments.length < 2) { // Only one argument received
arg1 = "Default"; // Set arg1 to some default value
arg2 = arguments[0]; // Use the first argument passed for arg2
}
return [arg1, arg2];
}
myFunc("Hello", "World");
浏览 6提问于2014-03-04得票数 2
回答已采纳
1回答
Firefox 4新单击事件行为的问题
javascript、firefox、mootools、click、mouseclick-event
我对Firefox 4的行为有问题，因为它的参数传递给了在单击事件上调用的函数。
看一下这个例子：
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools.js"></script>
</head>
<body>
<span id="e">Klick mich!</span>
浏览 2提问于2011-06-03得票数 2
回答已采纳
3回答
关于Function.prototype.bind()的混淆
javascript、bind、ecmascript-5、partial-application
我非常喜欢ES5的Function.prototype.bind和当前参数(基本上是为函数创建默认参数)。
我只是在开玩笑，但我不能再想出我自己的想法了。这是我的操场：
function hello( arg1, arg2 ) {
console.log('hello()');
console.log('"this" is: ', this);
console.log('arguments: ', arguments);
}
var foo = Function.prototype.call.bind(
浏览 2提问于2012-08-01得票数 13
回答已采纳
1回答
有办法访问函数的预绑定值吗？
javascript、node.js、bind
如下所示：
const a = (arg0, arg1, arg2) => {
console.log(arg0);
};
const b = a.bind(null, 1, 2, 3)
现在假设我只有b，可以得到a的预绑定值列表吗？我是说值1，2，3
如果可能的话，怎么做？
浏览 4提问于2016-11-29得票数 2
回答已采纳
3回答
JQuery将其与数据属性绑定
javascript、jquery
我想有一个点击侦听器，绑定对象值本身和已被点击的元素的数据属性。
示例：
var Person = function (firstName) {
this.firstName = firstName;
$(window).on("click", ".myclass", sayHello).bind(this);
};
Person.prototype.sayHello = function() {
console.log("Hello, I'm " + this.firstName + data-url);
};
var
浏览 0提问于2016-01-18得票数 0
4回答
使用javascript .bind()方法跳过参数
javascript
在JavaScript中，我可以将参数绑定到函数，如下所示。
function foo(arg1, arg2) { console.log(arguments); }
foo = foo.bind(this, 'bar');
当被调用时，我们得到这个输出...
foo('baz');
> { '0': 'bar', '1': 'baz' }
是否可以跳过.bind()函数中的参数以获得以下输出？
function foo(arg1, arg2, arg3, arg4) { console.lo
浏览 0提问于2015-09-03得票数 3
1回答
如何在bind中使用TypeScript泛型？
typescript、generics
我正在尝试将开源库移植到TypeScript。
它提供了一个binder函数，该函数接受一个方法，将其绑定到上下文以及任何参数，并返回.unbounded设置为原始方法的结果。
在JavaScript中是：
function binder (method, context, …args) {
const unbounded = method.unbounded || method
const bounded = method.bind(context, ...args)
Object.defineProperty(bounded, 'unbounded'
浏览 0提问于2018-12-04得票数 2
2回答
将参数值传递给javascript函数
javascript
我试图将一个参数传递给我的函数，但它没有被传递。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function () {
function Person() {
浏览 2提问于2013-12-11得票数 0
3回答
在回调内部使用jquery来访问对象上下文
javascript、jquery
让我们假设我定义了以下对象：
var myObj = function(){
this.hello = "Hello,";
}
myObj.prototype.sayHello = function(){
var persons = {"Jim", "Joe", "Doe","John"};
$.each(persons, function(i, person){
console.log(this.hello + person);
}
}
问题是，在$.each内部
浏览 4提问于2011-11-21得票数 1
回答已采纳
1回答
使用Knockout单击绑定处理程序和javascript bind (ECMAScript 5)
javascript、knockout.js、binding
我很难理解为什么下面的代码不能在Knockout中工作。
示例
在javascript中，.bind(...)应该返回一个函数，其中包含对带有所提供参数的FUNCTION1的调用。我说的对吗？
从理论上讲，下面的代码应该工作，传递的参数'hey‘应该由this.path.to.method函数接收。
但是，它没有，我得到的是类似于ViewModel实例的东西，后面跟着event对象。
为什么？
我想知道它到底做了什么，以了解我是否可以使用.bind，还是总是被迫将它封装在函数(){ /*这里的任何调用. */ }中的敲除绑定'click‘中。
JSFiddle链接：
<a
浏览 4提问于2014-07-03得票数 0
回答已采纳
1回答
C++问题: boost::bind接收其他boost::bind
c++、boost-bind
我想让这段代码正常工作，我该怎么做？
在最后一行给出这个错误。
我做错了什么？我知道boost::bind需要一个类型，但我没有得到。帮助
class A
{
public:
template <class Handle>
void bindA(Handle h)
{
h(1, 2);
}
};
class B
{
public:
void bindB(int number, int number2)
{
std::cout << "1
浏览 0提问于2010-06-01得票数 1
回答已采纳
2回答
我需要你的帮助。我被这些代码行卡住了
var bind = Function.call.bind(Function.bind);
bind(CC, Components);
我试着理解它们是什么以及它们是如何工作的，但我不能：
有人能帮忙解释清楚他们是如何工作的吗？据我所知，"Function.call.bind“将调用通过bind()绑定到它的函数。"Function.bind“将返回一个由"Function.call.bind”调用的函数。也不确定"bind(CC，Components)“如何工作。看起来组件将绑定到CC。如果我错了，请纠正我。
如果
浏览 2提问于2015-10-19得票数 5
回答已采纳
3回答
Function.prototype.bind.apply()不像预期的那样工作
javascript、functional-programming、function-binding
我有一个函数myfunc，并希望将它作为一个单独的数组(而不是参数列表) bind到一个特定的this参数和bind的其他参数中(因为我将参数列表作为函数的参数，在其中执行这段代码)。为此，我在bind上使用bind，如下所示：
var myfunc = function(arg1, arg2){
alert("this = " + this + ", arg1 = " + arg1 + ", arg2 = " + arg2);
}
var bindedMyfunc = myfunc.bind.apply("mythis"
浏览 4提问于2015-04-19得票数 5
回答已采纳
3回答
使用两种不同的方式调用方法
javascript、node.js
我对JavaScript和Node.js很陌生，并且正在学习OOP，并遇到了两种方法调用方法。
我的代码：
var Person = function(name) {
this.fName = name;
};
Person.prototype.sayHello = function(){
console.log("Hello, I am " + this.fName);
}
var person1 = new Person("mike");
person1.sayHello();
var helloFunction = person1.s
浏览 1提问于2016-04-13得票数 2
回答已采纳
2回答
Javascript函数绑定覆盖(如何将其绑定到另一个对象)
javascript、function、bind
是否有一种方法可以重新绑定已经通过Function.prototype.bind绑定到另一个对象的函数？
var a={};
var b={};
var c=function(){ alert(this===a); };
c(); // alerts false
c=c.bind(a);
c(); // alerts true
c=c.bind(b);
c(); // still alerts true
我知道我可以使用一种不同的方法，并为绑定保留一个“干净”的函数，但我只是想知道如何重用已经绑定的函数。
浏览 0提问于2015-07-27得票数 16
回答已采纳
4回答
在.bind和.apply中重写‘`this`’
javascript
我读只是为了学习.apply语法，我意识到我在JS知识上有一个空白：
您可以通过使用this和.apply在函数中更改.apply的值(我假设.call遵循与.apply相同的规则，因此我不会单独讨论这个问题)。所以我想知道，如果我使用.bind，然后用.apply调用它，哪个优先？
因此，我刚将w3schools中的示例链接起来，并对其进行了修改：
var person = {
fullName: function(city, country) {
return this.firstName + " " + this.lastName + ","
浏览 0提问于2019-05-24得票数 2
回答已采纳
6回答
为什么'is‘操作符说这些方法不一样？
python、class、python-3.x、object、identity
请考虑以下代码：
class Person(object):
def sayHello(self):
return 'Hello'
print(Person().sayHello is Person().sayHello)
我希望它能证明这是真的。为什么它是假的？
浏览 7提问于2014-11-21得票数 11
回答已采纳
2回答
为什么一旦属性被更改为引用外部函数时，就不传递self？
python、python-3.x、dynamic
如果在创建对象后将引用内部方法的对象属性更改为外部函数，则不会将self传递给新函数，即使该属性(包含函数)像以前一样被调用。
class Person:
def greet(self):
print("hello")
do = greet
def wave(person):
print("bye")
alice = Person()
alice.do() #prints 'hello'
#change do to point an external function
alice.do = wave
浏览 9提问于2017-08-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
