javascript - 如何在 ES6 中访问和使用导入函数

Question

我在访问导入的 labelsForCountryCode 函数时遇到问题。当将“US”传递到此函数时，我期望返回 US 对象。我是 ES6 的新手，不太确定我在这里做错了什么。感谢任何帮助!

账单地址标签-lookup.js

export default function billingAddressLabelsLookup() {

const labelsLookup = {
  'US': {
    addressLineOne: 'Street/Address',
    city: 'City',
    provinceCode: 'State',
    postalCode: 'Zip Code'
  },
  'CA': {
    addressLineOne: 'Street/Address',
    city: 'City',
    provinceCode: 'Province',
    postalCode: 'Postal Code'
  }
};

return {
  labelsForCountryCode(countryCode) {
    return labelsLookup[countryCode];
  }
};

};

test.js

 import billingAddressLabelsLookup from '../utils/billing-address-labels-lookup.js';

 var labels = billingAddressLabelsLookup.labelsForCountryCode('US');

Answer 1

只需替换:

var labels = billingAddressLabelsLookup.labelsForCountryCode('US');

与:

var labels = billingAddressLabelsLookup().labelsForCountryCode('US');
                                       ^^------ function call

否则，您将尝试访问函数引用的属性，同时需要访问函数的结果。

关于导入导出，具体请看本章:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export#Using_the_default_export