图解javascript的this指向

合集 - 前端开发(23)

1.第一次写博客，关于前端开发deMVC在js中的应用2016-07-12 2.react开发中的小细节2017-03-19 3.CSS开启硬件加速来提高网站性能2019-06-17 4.js中this的指向问题2019-06-10 5.Js面向对象构造函数继承2017-03-26 6.Js面向对象原型~构造函数2017-03-19 7.JavaScript如何工作：垃圾回收机制 + 常见的4种内存泄漏2019-10-28 8.Promise核心原理解析2019-09-27

9.图解javascript的this指向2019-09-12

10.图解javascript原型链2019-09-06 11.被闭包啪啪啪的打脸之闭包的错误使用2019-08-28 12.react解析: render的FiberRoot(三)2019-08-10 13.个人小程序应用开发指南2019-07-22 14.ES2019 / ES10有什么新功能?2019-06-21 15.2022前端开发知识总结归纳（前端掌握知识）2022-10-31 16.Axios源码解析：请求响应拦截器2021-12-02 17.AntV G2可视化引擎, 有用过嘛？2021-11-30 18.弄懂！ES6中的Iterator迭代器2020-06-10 19.🔥[译] 正交设计组件的好处2020-01-09 20.小程序开发指南之性能优化2019-12-04 21.聊一聊，React开发中应该规避的点2019-11-26 22.解析：让你弄懂redux原理2019-11-05 23.关于Web GIS基础知识2024-03-26

图解javascript的this指向

作者: HerryLo

本文永久有效链接: https://github.com/AttemptWeb......

以下就只有两张图，请放心食用！！

#简版this指向

#升级版this指向

#解释：

这里的上下文对象如下：

 function fn() {console.log('this指向：', this);}
 
let Obj = {
    fn: fn
}
 
window.fn();    // 上下文对象调用, 等价于直接调用 fn()
Obj.fn();       // 上下文对象调用

#参考：

MDN: 箭头函数表达式

MDN: 函数的this

posted @ 2019-09-12 17:01 herryLo 阅读(185) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

公告

GitHub: Herrylo
博客：https://herrylo.github.io
备份博客：https://github.com/AttemptWeb/Record/issues
掘金：大流星
知乎: 大流星

昵称： herryLo
园龄： 8年9个月
粉丝： 6
关注： 1

+加关注

2025年3月

日

一

二

三

四

五

六

HerryLo`s博客

民工 · 业余博主
个人博客：https://herrylo.github.io/front，欢迎志同道合同学交流
备份博客：https://github.com/AttemptWeb/Record/issues

图解javascript的this指向

图解javascript的this指向

#简版this指向

#升级版this指向

#解释：

#参考：

公告

最新随笔

合集 (4)

随笔档案 (37)

阅读排行榜

评论排行榜

最新评论

	function fn() {console.log('this指向：', this);}

	let Obj = {
	fn: fn
	}

	window.fn(); // 上下文对象调用, 等价于直接调用 fn()
	Obj.fn(); // 上下文对象调用

HerryLo`s博客

民工 · 业余博主 个人博客：https://herrylo.github.io/front，欢迎志同道合同学交流 备份博客：https://github.com/AttemptWeb/Record/issues

图解javascript的this指向

图解javascript的this指向

#简版this指向

#升级版this指向

#解释：

#参考：

公告

最新随笔

合集 (4)

随笔档案 (37)

阅读排行榜

评论排行榜

最新评论

民工 · 业余博主
个人博客：https://herrylo.github.io/front，欢迎志同道合同学交流
备份博客：https://github.com/AttemptWeb/Record/issues