這個＆綁定返回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)