call、apply和bind都是JavaScript中函數對象的方法，用于改變函數的this值。

1. call：call方法接收一個對象和一系列參數，并立即調用函數，將this值設置為提供的對象。例如：

function greet(greeting, punctuation) {console.log(greeting + ', ' + this.name + punctuation);
}
let person = {name: 'Alice'};
greet.call(person, 'Hello', '!'); // 輸出 "Hello, Alice!"

這段代碼中定義了一個函數greet，并創建了一個對象person。然后，使用call方法調用greet函數，并將this值設置為person對象。

讓我們逐行解釋這段代碼：

1. function greet(greeting, punctuation) {...}：這是一個函數定義，greet函數接收兩個參數：greeting和punctuation。

2. console.log(greeting + ', ' + this.name + punctuation);：這是greet函數的主體，它將greeting、, 、this.name和punctuation連接成一個字符串，并打印到控制臺。這里的this是函數運行時的上下文，它的值取決于函數是如何被調用的。

3. let person = { name: 'Alice' };：這行代碼創建了一個對象person，并給它一個屬性name，值為Alice。

4. greet.call(person, 'Hello', '!');：這行代碼使用call方法調用greet函數，并將this值設置為person對象。call方法的第一個參數是this的值，后面的參數是傳遞給greet函數的參數。所以，在這個函數調用中，this.name的值是Alice，greeting的值是Hello，punctuation的值是!。

因此，這段代碼的輸出是Hello, Alice!。

2. apply：apply方法和call方法類似，但是它接收一個對象和一個數組（或類數組對象），而不是一系列參數。例如：

function greet(greeting, punctuation) {console.log(greeting + ', ' + this.name + punctuation);
}
let person = {name: 'Alice'};
greet.apply(person, ['Hello', '!']); // 輸出 "Hello, Alice!"

3. bind：bind方法接收一個對象和一系列參數，并返回一個新的函數，這個新的函數的this值被綁定到提供的對象。這個新的函數可以在以后任何時候調用，而不是立即調用。例如：

function greet(greeting, punctuation) {console.log(greeting + ', ' + this.name + punctuation);
}
let person = {name: 'Alice'};
let greetAlice = greet.bind(person, 'Hello', '!');
greetAlice(); // 輸出 "Hello, Alice!"

注意，箭頭函數不綁定自己的this值，所以call、apply和bind方法在箭頭函數上無效。