arrow-functions 相关问题

关于ECMAScript2015（ES6）中的紧凑函数语法的问题称为“箭头函数”，因为它们使用了“=>”。

常量 actionsMap = { [GET_USER]: (状态, 操作) => ({ post: action.msg }) }; 我有这个我偶然发现的代码。我一直在使用在 {} f 上见过的箭头函数...

javascript ecmascript-6 arrow-functions

回答 3 投票 0

我的Dashboard组件是一个箭头功能如下图 const 仪表板=（道具）=> { //获取用户对象返回（ { Object.keys（使用... 我的Dashboard组件是一个箭头功能如下图 const Dashboard= (props) => { //users object is fetched return( <ul> { Object.keys(users).forEach((key,index) => { console.log("iterating------>"+users[index].name);//this is iterating return <li key={key}>hello</li>//this is not rendering }) } </ul> ) } 这样它就不会渲染为 html。请帮忙尽了最大努力，但没有得到预期的输出使用map代替forEach，它应该可以工作这是更正后的代码： const Dashboard = (props) => { //users object is fetched return ( <ul> { Object.keys(users).map((key, index) => { console.log("iterating------>" + users[key].name); // Log each user return <li key={key}>hello {users[key].name}</li>; // Render <li> for each user }) } </ul> ); } 或者使用这个（我更喜欢并使用）： const Dashboard = (props) => { //users object is fetched return ( <ul> { Object.keys(users).map((key, index) => ( <li key={key}>hello {users[key].name}</li>; // Render <li> for each user )) } </ul> ); } 希望这有帮助...

reactjs react-redux arrow-functions

回答 1 投票 0

箭头函数中的变量`this`是Browser中的Window对象，但为什么在Node中它是空的？

在浏览器中，经典函数和箭头函数中的 this 预期返回 Windows 对象：函数测试经典（）{ 控制台.log(这个); } const testArrow = () =>...</desc> <question vote="1"> 在浏览器中，经典函数和箭头函数中的 <pre><code>this</code></pre> 预期返回 Windows 对象： <pre><code><script> function testClassic() { console.log(this); } const testArrow = () => { console.log(this); } testClassic(); testArrow(); </script> </code></pre> <a href="https://i.sstatic.net/8XKE1.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvOFhLRTEucG5n" alt="enter image description here"/></a> 但在Node中，<pre><code>this</code></pre>仅在经典函数中是全局对象，而<pre><code>this</code></pre>在箭头表示函数中为空。这是为什么？ <a href="https://i.sstatic.net/u3Zsh.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvdTNac2gucG5n" alt="enter image description here"/></a> </question> <answer tick="false" vote="0"> 经典函数有自己的上下文，在浏览器中我们知道我们有全局对象 Window，而在 Node.js 环境中，全局对象本身就是全局的。因此，<pre><code>this</code></pre>在不同的上下文中表现不同。 在 Node.js 环境中： <pre><code>function classicFun(){ console.log(this); // global object } classicFun(); </code></pre> 然而，谈论箭头函数时，它们没有自己的上下文，它们只是引用外部/父作用域的上下文。下面是代码示例，通过代码你可以很好的理解这句话： 在 Node.js 环境中： <pre><code>const arrowFun = () => { console.log(this); // {} } arrowFun(); </code></pre> 因此，在上面的示例中，您可以看到它在 Node.js 环境中记录了空对象。现在让我们再用一个例子来理解它： 在 Node.js 环境中： <pre><code>function classicFun() { const arrowFun = () => { console.log(this); // global object }; arrowFun(); } classicFun(); </code></pre> 在上面的示例中，您可以看到 arrowFun() 将 this 的值记录为全局对象，因为这里的上下文是外部经典函数。 这是箭头函数的正常行为，它们就是这样设计的。 </answer> </body></html>

node.js this arrow-functions

回答 0 投票 0

如何解决 JavaScript 中带有 => 的布尔表达式和箭头函数之间的歧义？

当使用 => 计算布尔表达式时，它实际上被计算为箭头函数，例如在条件分支的上下文中。设 x = -1 如果（x => 0）{ console.log("真...

javascript typescript arrow-functions

回答 1 投票 0

如何从箭头函数中的参数创建数组[重复]

我有一个只有 5 个参数的箭头函数；水果1到水果5。我想澄清的是，它仅限于这 5 个参数，所以我不想使用 ... 休息。然而，在函数内...

javascript arguments arrow-functions

回答 1 投票 0

JavaScript 中的作用域是由什么组成的？ [重复]

在阅读“this”关键字和箭头函数时，我读到：箭头函数绑定到周围作用域具有的任何执行上下文。我在下面附上了一个简单的代码示例。当我