JS-this相关的面试题

前端小子_史派克

于 2022-09-05 18:59:38 发布

阅读量286

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_57909743/article/details/126704850

版权

这篇博客主要探讨了JavaScript中关于`this`的面试题，包括独立函数调用、call方法使用及箭头函数与`this`的绑定规则。通过四个面试题目，详细解析了在不同场景下`this`的指向问题，帮助开发者理解`this`在JavaScript中的行为。

摘要由CSDN通过智能技术生成

1.面试题1

var name = 'window';

var person = {
  name: 'person',
  sayName: function () {
    console.log(this.name)
  }
};

function sayName() {
   var sss = person.sayName;
   sss(); // window: 独立函数调用
   person.sayNAme()// person: 隐式调用
   (person.sayName)();// person:  隐式调用
   (b = person.sayName)();// window: 赋值表达式(独立函数调用)
}

sayName();

2.面试题2

var person1 = {
  name: 'person1',
  fool: function () {
    console.log(this.name)
  },
  foo2: () => console.log(this.name),
  foo3: function () {
    return function () {
      console.log(this.name)
    }
  },
  foo4: function () {
    return () => {
      console.log(this.name)
    }
  }
}

var person = { name: 'person2' }

person1.foo1();// person1(隐式绑定)
person1.foo1.call(person2);// person2(显示绑定优先级高于隐式绑定)

person1.foo2();//window (箭头函数不绑定作用域&#x