Babel 7这变成了这个角度

作者: v-star*위위
发布时间: 2024-12-29 03:15:30 (16天前)
转自：

3 条回复

0#
回复此人
My☀ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 看完之后 <a href="https://stackoverflow.com/questions/34361379/arrow-function-vs-function-declaration-expressions-are-they-equivalent-exch"> 这个话题 </A> 。我找到了答案。 我改变了我的服务实现： <pre> <code> 'use strict'; module.exports = (ngModule) => { ngModule.service('$ui', () => { //#region Methods /* * Trigger windows resize function. * */ this.reloadWindowSize = () => { $(window).resize(); }; //#endregion }); }; </code> </pre> 对此： <pre> <code> module.exports = (ngModule) => { ngModule.service('$ui', () => { return { //#region Methods /* * Reload window size. * */ reloadWindowSize: () => { $(window).resize(); } //#endregion } }); }; </code> </pre> 在服务声明中，我返回一组函数并且它有效。 只是想让任何人知道这一点。我花了一个晚上才找到答案。 </DIV>

编辑
1#
回复此人
誓言你好 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 箭头功能不仅仅是常规功能的快捷方式。 如 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions" rel="nofollow noreferrer"> 参考资料 </A> 状态， <BLOCKQUOTE> 有两个因素影响了箭头功能的引入：功能较短和不具有约束力。 </BLOCKQUOTE> 由于源代码包含多个嵌套箭头函数， <code> this </code> 从顶级范围检索到 <code> _this </code> 变量，即 <code> undefined </code> ，因为它是模块范围，并且启用了严格模式。 使用箭头函数在语义上是不正确的 <code> service </code> 服务，因为它们是实例化的 <code> new </code> 并使用 <code> this </code> 作为服务实例，而箭头不能 <code> new </code> 编辑，没有自己的 <code> this </code> 。 它应该是： <pre> <code> ngModule.service('$ui', function () { //#region Methods /* * Trigger windows resize function. * */ this.reloadWindowSize = () => { $(window).resize(); }; //#endregion }); </code> </pre> </DIV>

编辑

登录后才能参与评论