JavaScript this关键字

🌙
手机阅读
本文目录结构

this关键字

  • this和content的区别
  • 如何区分this呢

研究的this都是指[函数执行中的this]

this和content的区别

JS中this是执行的主体(谁来执行的this就是谁),context是执行所在的范围(在哪执行的上下文就是谁) -> “this和context没有必然的关系”

例如:张三在沙县吃饭,this->张三 context->沙县小吃;张三和沙县小吃没有必然关系;

   function 吃饭(){
        this->张三
    }
    张三.吃饭();
    ~function(){
        张三.吃饭();
    }();

如何的区分this呢

this:当前函数执行的主体,它和函数在哪定义的或者在哪执行的都没有任何关系;如何的区分this呢? 1、函数执行,首先看函数名前面是否有".",有的话,".“前面是谁this就是谁;没有的话this就是window 2、自执行函数中的this永远是window,(window去执行的,很多时候window可以省略) 3、给元素的某一个事件绑定方法,当事件触发的时候,执行对应的方法,方法中的this是当前的元素;比如选项卡的代码中;

function fn() {
	console.log(this);
}
var obj = {fn: fn};
fn();//this->window
obj.fn();//this->obj

事件执行,不同的写法,this指向是不同的

document.getElementById("div1").onclick = fn;//fn中的this是#div1
document.getElementById("div1").onclick = function () {
  fn();//this->window
};
function fn() {
  console.log(this);
}

不同作用域的

function sum() {
  console.log("sum",this);//this->window
  fn();//this->window
}
sum();
var oo = {
    sum: function () {
      console.log("oo.sum",this);//this->oo
      fn();//this->window
    }
};
oo.sum();
function fn() {
  console.log(this);
}

你以为 你以为的 就是你以为的

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了