JS中的this

renefox

于 2022-03-21 12:26:56 发布

阅读量262

点赞数

分类专栏：面试题文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_49655243/article/details/123632396

版权

面试题专栏收录该内容

3 篇文章

订阅专栏

本文探讨了JavaScript中的函数调用方式，包括直接调用、作为对象方法调用，以及它们的简写形式。通过示例展示了`call`方法如何改变函数内部`this`的指向，深入理解函数作用域对于`this`的绑定规则，以及在面试中可能出现的相关问题。

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

//在函数中直接调用
function get(content) {
  console.log(content);
}
get("Hi");
//上面这个是下面这个的简写语法糖
get.call(window, "Hi");

//函数作为对象的方法 被调用
var person = {
  name: "Joshua",
  run: function (time) {
    console.log(`${this.name},run time:${time}`);
  },
};
person.run(30);
//上面这个是下面这个的简写语法糖
person.run.call(person, 30);

// 面试题
var name = 222;
var a = {
  name: 111,
  say: function () {
    console.log(this.name);
  },
};

var fun = a.say;
fun(); //fun.call(window) //222
a.say(); //a.say.call(a)//111

var b = {
  name: 333,
  say: function (fn) {
    fn();
  },
};

b.say(a.say); //b.say.call(a.say)//222
b.say = a.say; //function () {console.log(this.name)}
b.say(); //b.say.call(b)//333