typescript箭头函数参数_TypeScript 箭头函数_TS教程

关于箭头的函数的基本用法，这里不多介绍，具体参阅箭头函数介绍一章节。

下面再简要介绍一下箭头函数中this指向问题。

普通函数this的指向参阅JavaScript this一章节。

代码实例如下:let obj = {

info: ["Downzz.com", "青岛市南区", 4],

show: function() {

console.log(this.info[1]);

}

}

obj.show();

普通函数中，this指向调用此函数的对象，顶层非方法式调用会将this指向全局对象(在严格模式下， this为undefined而不是全局对象)。再来看一段代码实例:let obj = {

info: ["Downzz.com", "青岛市南区", 4],

show: function() {

return function() {

return {webName: this.info[0]};

}

}

}

let showName=obj.show();

showName();

上面的代码中，this不是指向obj，而是指向window对象。

此时，TypeScript将this推断为any类型，如果在tsconfig.json配置noImplicitThis为true，报错如下:

如果在函数声明的时候，就能获取this的指向，就可以解决此问题，ES2015提供的箭头函数则具有此功能:let obj = {

info: ["Downzz.com", "青岛市南区", 4],

show: function() {

return () => {

return {webName: this.info[0]};

}

}

}

let showName=obj.show();

console.log(showName().webName);

箭头函数可以捕获它声明时所在的上下文中this的指向。