#今日说码栏目# 第三十一集 箭头函数的this和普通函数的this区别

目录

一、箭头函数的this

二、普通函数的this

一、箭头函数的this

①箭头函数的this是定义时绑定的；

②箭头函数不能够改变this指向

③箭头函数本身是没有this，所以它内部的this是继承自执行上下文中的this，一般情况下指向该程序的父级程序，如果没有父级程序，则this指向顶级对象window。

1、forEach()中 函数的this指向,就是window

const test = document.querySelectorAll('li');
  test.forEach(function(item,key){
     console.log(this);  // 输出的是forEach的函数的this指向
     箭头函数的this指向的是是父级程序,forEach()//的this指向的是window。
     item.addEventListener('click' , ()=>{
         console.log(key,this);
     })
 })

二、普通函数的this

①普通函数的this是在执行函数时绑定的； 

②普通函数能够改变this指向；

③普通函数在被某对象调用时，它内部的this会指向调用它的对象；

1、声明式指向--window

 function obj(){
    console.log(this);
}
  obj();</