前端面试题：箭头函数的this指向哪?？

解析：箭头函数不同于传统JavaScript中的函数,箭头函数并没有属于??的this,它的所谓的this是捕获其所在上下?的 this值，作为??的 this 值,并且由于没有属于??的this,?箭头函数是不会被new调?的，这个所谓的this也不会被改变.

我们可以?Babel理解?下箭头函数:

// ES6

const obj = {

getArrow() {

return () =>

{ console.log(this ===

obj);

};

}

}

转化后

// ES5，由 Babel 转译

var obj = {

getArrow: function getArrow()

{ var _this = this;

return function ()

{ console.log(_this === obj);

};

}

};

前端面试题：谈?谈你对this的了解？

解析：this的指向不是在编写时确定的,?是在执?时确定的，同时，this不同的指向在于遵循了?定的规则。

?先，在默认情况下，this是指向全局对象的，?如在浏览器就是指向window。

name = "Bale";

function sayName ()

{ console.log(this.name

);

};

sayName(); //"Bale"

其次，如果函数被调?的位置存在上下?对象时，那么函数是被隐式绑定的。

function f() {

console.log( this.name );

}

var obj = {

name: "Messi",

f: f

};

obj.f(); //被调?的位置恰好被对象obj拥有，因此结果是Messi

再次，显示改变this指向，常?的?法就是call、apply、bind

function f() {

console.log( this.name );

}

var obj = {

name: "Messi",

};

var obj1 = {

name: "Bale"

};

f.bind(obj)(); //Messi ,由于bind将obj绑定到f函数上后返回?个新函数,因此需要再在后?加上括号进?执?,这是bind与apply和call的区别

以bind为例:

最后，也是优先级最?的绑定 new 绑定。

? new 调??个构造函数，会创建?个新对象, 在创造这个新对象的过程中,新对象会?动绑定到Person对象的this上，那么 this ?然就指向这个新对象。

function Person(name)

{ this.name = name;

console.log(name);

}

var person1 = new Person('Messi'); //Messi

绑定优先级: new绑定 > 显式绑定 >隐式绑定 >默认绑定

以上就是酷仔今天整理提供的Web前端开发面试题，希望为Web前端同学提供了有用的面试素材，以后酷仔每日均会提供Python及Web相关的习题。