let和const的变量声明不在window对象上

文章目录


前言

以前看红宝书的时候,还真没注意。以为var,let,const都是一样,在全局作用域下声明之后,都会成为window的对象。今天写代码的时候,才发现为啥let全局作用域下定义的变量,window上却获取不到。又翻开红宝书看了一下,才发现以前忽略的知识点:与var关键字不同,使用let在全局作用域中声明的变量不会成为window对象的属性(var声明的变量则会)

去搜了一下,发现一些面试题

let len = 10;
function fn() {
	console.info(this.len)
}
fn();
let Person = {
	len: 5,
	say: function() {
		fn();
		arguments.len = 20;
		arguments[0]();
	}
}
Person.say(fn);

输出结果:
在这里插入图片描述

按照往常的思维,第一个this.len的输出,我肯定会写10;现在看,肯定输出的是undefined。第二个仍输出undefined,如果这样修改下,改变内部的this指向,fn.call(Person);那么输出5;arguments是伪数组,fn当参数传递,所以arguments[0]指的就是fn()函数,所以arguments[0]();相当于执行了一次fn()函数;因为arguments上面挂载了len属性,在数组中只不过使用数字作为属性名的方法,arguments[0]() ----->arguments.0(),所以其中this指向arguments。
在这里插入图片描述


面试题

	const a = 10;
	const obj = {
		a: 13,
		b: () => {
			console.log(this.a);
		},
		c: function(){
			console.log(this.a);
			this.b();
		}
 	}

输出则是:undefined 13 undefined

总结

学习还得多留心,不然一不小心就掉坑里了。。。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值