TypeScript---箭头函数表达式(lambda表达式)

lambda表达式 ()=>{something}或()=>something 相当于js中的函数,它的好处是可以自动将函数中的this附加到上下文中。


TypeScript---箭头函数表达式(lambda表达式)_第1张图片


TypeScript---箭头函数表达式(lambda表达式)_第2张图片


TypeScript---箭头函数表达式(lambda表达式)_第3张图片

上面的this.name是一个空值。

使用 TypeScript 的箭头函数。把 function() 替换为 () =>:


TypeScript---箭头函数表达式(lambda表达式)_第4张图片


TypeScript---箭头函数表达式(lambda表达式)_第5张图片


TypeScript---箭头函数表达式(lambda表达式)_第6张图片

在以上面编译后端 js 文件中,我们可以看到一行 var _this = this;_this 在 setTimeout() 的回调函数引用了 name 属性。

你可能感兴趣的:(TypeScript---箭头函数表达式(lambda表达式))