专栏名称: KyleLAN
切图仔
目录
相关文章推荐
杭州交通918  ·  太意外!44岁女演员官宣分手 ·  2 天前  
钱江晚报  ·  大S去世后,小S首度更新动态 ·  2 天前  
杭州日报  ·  终于!他官宣喜讯!网友沸了:期待今年3月 ·  2 天前  
FM93交通之声  ·  晚高峰突发!杭州一新能源车起火! ·  3 天前  
51好读  ›  专栏  ›  KyleLAN

一张图学习常见this的指向

KyleLAN  · 掘金  ·  · 2018-03-19 02:40

正文

一张图学习常见this的指向

在写JS代码时,this的出场频率颇高,担负了传递对象,作用域等等功能,堪称全能超人。

superman
但是this复杂多变,初学的时候想弄清楚并不简单,绕着绕着就迷路了。

“我是谁?我从哪来?我要到哪去?”

road
对于常见的this指向总结成一张简图,佐以示例代码食用,味道更佳。
this

示例代码

例1:

// 浏览器中
console.log(this);

d1

例2:

// Node.js cli中
console.log(this);

d2

// Node.js module中
// 具体原因可查看Node模块作用域知识
//main.js
console.log(this === global);
console.log(this === module.exports); 

d3

例3:

//浏览器中
function foo() {
    console.log(this);
}
foo();

d4
例4:

//浏览器中
function foo() {
    "use strict"






请到「今天看啥」查看全文