this指向面试题两则

面试题1

let len = 10;

function fn() {

	console.info(this.len)

}

fn(); // A

let Person = {

	len: 5,

	say: function() {

		fn(); // B

		arguments[0](); // C

	}

}

Person.say(fn);

三处的输出结果均为 undefined

A 处执行结果

fn 的 this 指向为 window
let 声明的变量不挂载在 window 对象上
输出结果为：window.len = undefined;

B处的执行结果

say 函数的 this 指向为 Person
fn 的 this 指向依然为 window
输出结果依然为：window.len = undefined

C 处的执行结果

arguments[0]() 相当于 arguments.fn()
fn 的 this 指向为 arguments
输出结果为：arguments.len = undefined

面试题2

var length = 10;

function fn() {

	console.info(this.length)

}

fn();  // A

let Person = {

	len: 5,

	say: function() {

		fn();  // B

		arguments[0]();  // C

	}

}

Person.say(fn);

分别输出 10, 10, 1

A , B 处直接输出挂载到 window 对象下的 10
C 处输出 arguments.length = 1

巴特西

this指向面试题两则

面试题1

A 处执行结果

B处的执行结果

C 处的执行结果

面试题2

最新文章

热门文章