ES6 xuất khẩu tất cả các giá trị từ đối tượng

Question

Nói rằng tôi có một mô-đun (./my-module.js) có một đối tượng mà phải là giá trị trả về của nó:

let values = { a: 1, b: 2, c: 3 } 

// "export values" results in SyntaxError: Unexpected token 

Vì vậy, tôi có thể nhập họ thích:

import {a} from './my-module'   // a === 1 
import * as myModule from './my-module' // myModule.a === 1 

Các cách duy nhất tôi tìm thấy là mã hóa cứng xuất khẩu:

export let a = values.a 
export let b = values.b 
export let c = values.c 
// or: 
export let {a, b, c} = values 

Điều gì không động.

Có thể xuất tất cả các giá trị từ một đối tượng không?

Answer 1

Không có vẻ như vậy. Trích dẫn từ ECMAScript 6 modules: the final syntax:

Bạn có thể thắc mắc - tại sao chúng ta cần đặt tên là xuất nếu chúng ta chỉ đơn giản là xuất các đối tượng mặc định (như CommonJS)? Câu trả lời là bạn không thể thực thi cấu trúc tĩnh thông qua các đối tượng và mất tất cả các lợi thế liên quan (được mô tả trong phần tiếp theo).

Answer 2

Tôi chỉ cần thực hiện việc này cho tệp cấu hình.

var config = { 
    x: "CHANGE_ME", 
    y: "CHANGE_ME", 
    z: "CHANGE_ME" 
} 

export default config; 

Bạn có thể làm điều đó như thế này

import { default as config } from "./config"; 

console.log(config.x); // CHANGE_ME 

này được sử dụng tâm trí nguyên cảo bạn.

Answer 3

export const a = 1; 
export const b = 2; 
export const c = 3; 

Điều này sẽ hoạt động sau khi đã thực sự nằm trong trình duyệt.

Bạn cũng có thể thêm export default {a, b, c}; mà sẽ cho phép bạn nhập tất cả các giá trị như một đối tượng w/o * as, tức là import myModule from 'my-module';

Nguồn:

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

• http://www.2ality.com/2014/09/es6-modules-final.html

Answer 4

Tôi thực sự không thể đề xuất giải pháp hoạt động nhưng nó hoạt động. Thay vì xuất một đối tượng, bạn sử dụng đặt tên là xuất mỗi thành viên. Trong một tệp khác, nhập khẩu xuất khẩu có tên của mô-đun đầu tiên vào một đối tượng và xuất đối tượng đó làm mặc định. Ngoài ra xuất khẩu tất cả mặt hàng xuất khẩu được đặt tên từ các mô-đun đầu tiên sử dụng export * from './file1';

giá trị/value.js

let a = 1; 
let b = 2; 
let c = 3; 

export {a, b, c}; 

giá trị/index.js

import * as values from './values'; 

export default values; 
export * from './values'; 

index.js

import values, {a} from './values'; 

console.log(values, a); // {a: 1, b: 2, c: 3} 1 

Answer 5

thử giải pháp xấu xí nhưng hoàn toàn khả thi này:

// use CommonJS to export all keys 
module.exports = { a: 1, b: 2, c: 3 }; 

// import by key 
import { a, b, c } from 'commonjs-style-module'; 
console.log(a, b, c);