每日一题（十四）const person = {name:'leo'}; function say(age){ return `${this.name} is ${age}`; } conso

原创于 2020-04-07 22:45:10 发布 · 781 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#每日一题 #前端面试题 #JS基础 #call bind

温故知新专栏收录该内容

95 篇文章

订阅专栏

本文通过具体示例，深入解析JavaScript中this关键字的绑定机制，对比.call与.bind方法的使用及区别，帮助读者理解不同场景下this指向的调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

题目描述：写出输出结果，并解释原因

const person = {name:'leo'};
function say(age){
    return `${this.name} is ${age}`;
}
console.log(say.call(person,5));
console.log(say.bind(person,5))

答案：

leo is 5

ƒ say(age){
    return `${this.name} is ${age}`;
}

解析：

使用两者，可以传递我们想要`this`关键字引用的对象。但是，`.call`方法会立即执行！
.bind方法会返回函数的拷贝值，但带有绑定的上下文！它不会立即执行。