this指向和=>函数

ES6中新增了箭头函数

下面是在javaScript ES6和之前声明函数的对比,在返回的东西只需要一行或者说比较少的时候用箭头函数更为优雅;

在之前中我们声明函数如下

var fn = function(a,b){
return a + b;
};
fn(1,2);//3
ES6声明函数如下

//其中a和b分别为传参,a + b 可以理解成return a+b;
var fn = (a,b) => a + b;
fn(1,2);//3
//如果不需要传参的话
var fn = () => 3;
谈到this指向的时候箭头函数的this指向和普通函数不一样的,

=>this指向的是定义时this指向的对象,不会改变。 this指向调用函数的对象

function()声明函数时的this指向会指向使用时所在的对象。 => 指向父级对象及以上的对象直到指向windown,他不指向同级对象

function timer(){
this.age = 18;
var _this = this;
setTimeout(function(){
console.log(this);//指向了全局window
console.log(this.age);//undefined
console.log(_this.age);//18
},1000);

setTimeout(()=>console.log(this.age),1500);//18
};

var timer2 = new timer();

window.age = "nonono";
 
原文链接:https://blog.csdn.net/qq_41463701/article/details/82749479

窗竹影摇书案上,野泉声入砚池中。 少年辛苦终身事,莫向光阴惰寸功
原文地址:https://www.cnblogs.com/qhantime/p/11323736.html