这个＆绑定返回undefined

Question

我觉得放弃JS。我一直在努力与它约一个月甚至不能似乎明白为什么所有的突然不工作学习this &的bind想法时：

var numbers = { 
 
    x: 'hi', 
 
    y: 'dawd', 
 
    z: 'ohgroe', 
 
}; 
 

 
function calc() { 
 
    calc.bind(numbers); 
 
    return this.x + this.y + this.z; 
 
} 
 

 
calc();

为什么这是不是返回这个简单的计算？

Answer 1

bind返回一个函数。它不会将对象绑定到当前函数。你需要使用类似calc.bind(numbers)()或calc.call(numbers)。

这些调用需要在函数之外完成。这里有一个例子：

var numbers = { 
 
    x: 'hi', 
 
    y: 'dawd', 
 
    z: 'ohgroe', 
 
}; 
 

 
function calc() { 
 
    return this.x + this.y + this.z; 
 
} 
 

 
var result = calc.bind(numbers)(); 
 
// OR 
 
// var result = calc.call(numbers); 
 
console.log(result);

Answer 2

this将仅在调用函数的从.bind()返回被设置为numbers对象。它不会改变当地的this值。

我不确定使用.bind()后最终会发生什么，所以我不知道该如何解决问题。也许描述你正试图解决的原始问题。

Answer 3

而不是试图设置this函数中调用本身，你可以定义预期的参数的函数

var numbers = { 
 
    x: 'hi', 
 
    y: 'dawd', 
 
    z: 'ohgroe', 
 
}; 
 

 
function calc({x = "", y = "", z = ""} = {}) { 
 
    return x + y + z; 
 
} 
 

 
console.log(calc(numbers));

Answer 4

有些方法可行：

function calc() { 
    return this.x + this.y + this.z; 
} 

console.log(calc.call(numbers)); 
//equals calc.bind(numbers)() 

或用

function calc(){ 
    with(numbers){ 
    return x + y + z; 
    } 
} 

console.log(calc()); 

或者通过数目使用：

function calc(nums){ 
    return nums.x + nums.y + nums.z; 
} 

console.log(calc(numbers)); 

然后你直接能做到这一点的ñ值：

fuction calc(nums){ 
    return Object.values(nums).reduce((a,b) => a + b); 
} 

console.log(calc({ 
a:1,b:4,c:5 
})); 

我觉得自己放弃了JS

不！不要这样做！ JS是目前市面上最酷的语言之一，即使它努力地学习这将是值得我答应;）

Answer 5

function calc() { 
    calc.bind(numbers); 
    return this.x + this.y + this.z; 
} 

这将创建一个新的“本”的范围，并结合计算为数字（这不执行calc，而是将数字绑定到它的函数调用，这不会将它添加到这个调用的状态）。您对此的呼叫现在无所作为。现在如果你这样做

function calc() { 
    Object.assign(this, numbers); 
    return this.x + this.y + this.z; 
} 

X Y和Z绑定到范围。我不知道为什么你会这样做，但为什么你不这样做呢？

function calc(numbers) { 
    return numbers.x + numbers.y + numbers.z; 
} 

Answer 6

首先，了解bind，call，apply是很重要的。所有这些都可以让你控制'this'指向什么对象，但是他们做的不同。

bind（）返回该函数的一个副本。

呼叫（）实际执行的功能而不是仅仅创建副本的和也可以被传递参数..

申请（）是相同的呼叫（），但传递参数时需要的阵列。

考虑到这一点，你可以做到以下几点：

var numbers = { 
    x: 'hi', 
    y: 'dawd', 
    z: 'ohgroe', 
}; 

function calc() { 
    return this.x + this.y + this.z; 
} 

var boundedCalc = calc.bind(numbers); 
boundedCalc(); 

或

calc.call(numbers); 

或

calc.apply(numbers)