ES6 - 用 export 来重用代码块

Chinese 中文 JavaScript
1

告诉我们发生了什么：
在此详细描述你的问题。

你目前的代码

const uppercaseString = (string) => {
  return string.toUpperCase();
}

const lowercaseString = (string) => {
  return string.toLowerCase()
}

// export {uppercaseString, lowercaseString};
export {
  uppercaseString,
  lowercaseString // ✅
  // lowercaseString,// bug ❌
};

// export const uppercaseString = (string) => {
//   return string.toUpperCase();
// }

// export const lowercaseString = (string) => {
//   return string.toLowerCase()
// }

你的浏览器信息：

用户代理是： Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

挑战： ES6 - 用 export 来重用代码块

挑战的链接：

2

请问你的问题是什么呀？在这里描述你的问题哦：

3

测试用例 bug

最后添加的末尾逗号是符合 JS 规范的，但是会导致无法通过测试。

请看一下，是否需要修复一下呢？

export {uppercaseString, lowercaseString, }; // bug ❌
// 或
export {
  uppercaseString,
  // lowercaseString,// bug ❌
};

image
image1683×898 118 KB 

export {uppercaseString, lowercaseString };  // ✅
// 或
export {
  uppercaseString,
  lowercaseString // ✅
};

:warning: An error occurred: Sorry, new users can only put one embedded media item in a post.

![image|690x368](upload://2ChcALKcIdoBJr7me1Wh8oQEKWc.png)

![image|690x362](upload://i84LmWUKW6mmTNkQft8gNAgjqoG.png)
4

明白了，谢谢反馈，我平时没有注意 也可以在末尾写逗号呢，我现在翻了两篇文档，也没有看到这一条。

https://devdocs.io/javascript/statements/export

另外，你可以在 GitHub 发 issue 来反馈课程中的问题：freeCodeCamp.org · GitHub

5

那就不用修复了吧，避免与 MDN 文档不一致，导致 js 初学者费解。

毕竟这个只是一种 js 最佳实践(trailing comma + export)，没有规定一定非要这么写；

refs

trailing comma

export

@miyaliu

6

React 中就是这种写法

trailing comma + export

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

// Export all exports so that they're available in tests.
// We can't use export * from in Flow for some reason.
export {default as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED} from './src/ReactDOMSharedInternals';
export {
  createPortal,
  createRoot,
  hydrateRoot,
  findDOMNode,
  flushSync,
  hydrate,
  render,
  unmountComponentAtNode,
  unstable_batchedUpdates,
  unstable_createEventHandle,
  unstable_renderSubtreeIntoContainer,
  unstable_runWithPriority, // DO NOT USE: Temporarily exposed to migrate off of Scheduler.runWithPriority.
  prefetchDNS,
  preconnect,
  preload,
  preinit,
  version,
} from './src/client/ReactDOM';

https://github.com/facebook/react/blob/main/packages/react-dom/index.js

7

谢谢，确实应该是 加逗号也能通过，你可以创建一个 GitHub issue 来反馈吗？：）