ES6中import * as xxx from 'xxx'的作用

Posted onesea

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6中import * as xxx from 'xxx'的作用相关的知识,希望对你有一定的参考价值。

ES6中import * as xxx from ‘xxx‘的作用

import * as xxx from ‘xxx‘  会将 "xxx" 中所有 export 导出的内容组合成一个对象返回(或import * as obj from ‘xx‘  这种写法是把所有的输出包裹到obj对象里);

eg:

xxx里中:

export function test(){

    return ‘返回是test 内容‘;

 }

export function login(){

    return ‘返回login 内容‘;

 }

调用test 函数,即obj.test();

调用login 函数,即obj.login();

 

扩展:那不带*as(即import xxx from ‘xxx‘)

技术图片

 

 

 

 

技术图片

总结:

import * as xxx from ‘xxx’: 会将若干export导出的内容组合成一个对象返回;

import xxx from ‘xxx’:(export default Din)只会导出这个默认的对象作为一个对象

以上是关于ES6中import * as xxx from 'xxx'的作用的主要内容,如果未能解决你的问题,请参考以下文章

Vue 报错/警告 export ‘default‘ (imported as ‘xxx‘) was not found

import from 'xxx'是如何找到node_modules目录下的

浅谈python中得import xxx,from xxx import xxx, from xxx import *

vue中import xxx from 和 import xxx from的区别

Python中import, from...import,import...as的区别

import xxx from 和 import {xxx} from的区别