Es 6问题 Import

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

阅读 1.7k
评论
    3 个回答
    • 1.9k

    第一个问题:

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

    下面是一个circle.js文件,它输出两个方法areacircumference。

    // 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这本书
    希望楼主可以看明白

      相似问题
      推荐文章