javascript - Es 6问题 Import

问题描述

问 题

Import * as xxx from 'Xxx ' 和
Import xxx from 'xxx'
有什么区别？
同时，在vuex里面，为什么可以用var xxx= require('Xxx ')代替第二个写法，而代替第一个却不可以

解决方案

第一个问题：

除了指定加载某个输出值，还可以使用整体加载，即用星号（*）指定一个对象，所有输出值都加载在这个对象上面。

下面是一个circle.js文件，它输出两个方法area和circumference。

// circle.js

export function area(radius) {
  return Math.PI * radius * radius;
}

export function circumference(radius) {
  return 2 * Math.PI * radius;
}

现在，加载这个模块。

// main.js

import { area, circumference } from './circle';

console.log('圆面积：' + area(4));
console.log('圆周长：' + circumference(14));

上面写法是逐一指定要加载的方法，整体加载的写法如下。

import * as circle from './circle';

console.log('圆面积：' + circle.area(4));
console.log('圆周长：' + circle.circumference(14));

来自阮一峰的ECMAScript6这本书
希望楼主可以看明白

这篇关于javascript - Es 6问题 Import的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！