没有函数文本的函数的javascript语法的名称或术语

Name or term of javascript syntax for function without function text?

本文关键字：函数 术语 javascript 文本 语法      更新时间：2023-09-26

我一直在使用一种新方法，该方法是我刚刚学会的，用于将外部作用域保持在另一个函数内部，但我记不起所用语法的术语了。下面是一个如何工作的例子：

Api.get().then( (data) => {
   console.log('do something with data', data);
}, ( e ) {
   console.log('Error: ', e );
});

基本上，它是一个回调函数，但这类语法的术语或名称是什么。我喜欢使用它的原因是，您仍然可以引用this及其值和方法，而使用function( data )将丢失this上下文。我想知道这个语法的名称或术语，因为它似乎不受iphone或safari的支持，我想进一步了解对这个方法的支持和文档。

这是一个箭头函数，是ECMAScript标准最新第6版的一部分（自2015年发布以来，也称为ECMAScript2015）。它并不像你在这里看到的那样受到许多浏览器的支持。

您可以在较旧的浏览器中使用它们，使用一种称为transiler的东西，本质上它所做的只是将ECMAScript 6代码（并不完全支持）转换为更兼容的ECMAScript5代码。有很多，但巴别塔是最受欢迎的一个。您可以在此处试用，并观察箭头函数如何转换为兼容的ECMAScript 5代码，该代码可在所有浏览器中工作。

我喜欢使用这个的原因是因为你仍然可以参考这个及其价值和方法

您可以得到与使用bind()的箭头函数相同的结果。试试这个：

Api.get().then(function(data) {
   console.log('do something with data', data);
}.bind(this), function(e) {
   console.log('Error: ', e );
}.bind(this));

bind()所做的是创建一个新函数，将您发送给它的任何对象作为第一个参数设置为this。这样你仍然可以访问你正在处理的当前作用域。你可以在这里阅读更多关于bind()的信息。

我希望这能回答你的问题。

相关文章：