站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

import as在es6中的用法是什么

时间:2022-04-27 [网络编程]作者:fabuyuan 浏览:7 次

es6中,import as用于将若干export导出的内容组合成一个对象返回;ES6的模块化分为导出与导入两个模块,该方法能够将所有的导出内容包裹到指定对象中,语法为“import * as 对象 from ...”。

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

import as在es6中的用法是什么

ES6,javascript第一次支持了module。ES6的模块化分为导出(export)与导入(import)两个模块,其中在项目中,我们会经常看到一种用法import * as obj from,这种写法是把所有的输出包裹到obj对象里。

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

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

示例一

// index.js
export function fn1(data){
  console.log(1)
}
export function fn2(data){
  console.log(2)
}
import * as Fn from './index.js'
Fn.fn1()  // 1
Fn.fn2()  // 2

示例二

let myName = "Jon";
let myAge = 18;
let myfn = function(){
    return "我是"+myName+"!今年"+myAge+"岁了"
}
export {
    myName as name,
    myAge as age,
    myfn as fn
}

接收的代码

import {fn,age,name} from "./test.js";
console.log(fn()); //我是Jon!今年19岁了
console.log(age); //19
console.log(name); //Jon

或者写成

import * as info from "./test.js"; //通过*来批量接收,as 来指定接收的名字
console.log(info.fn()); //我是Jon!今年18岁了
console.log(info.age); //18
console.log(info.name); //Jon

示例三

重命名export和import,如果导入的多个文件中,变量名字相同,即会产生命名冲突的问题,为了解决该问题,ES6为提供了重命名的方法,当你在导入名称时可以这样做。

/*************test1.js*****************/
export let myName = "我来自test1.js";
/*************test2.js*****************/
export let myName = "我来自test2.js";
 
/*************index.js****************/
import {myName as name1} from "./test1.js";
import {myName as name2} from "./test2.js";
console.log(name1); //我来自test1.js
console.log(name2); //我来自test2.js

【相关推荐:javascript视频教程、web前端】

以上就是import as在es6中的用法是什么的详细内容,更多请关注站长家园其它相关文章!

本文标签:  ES6

转载请注明来源:import as在es6中的用法是什么

本文永久链接地址:https://www.adminjie.com/post/11676.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • linux中rz和sz命令不能用怎么办

      linux中rz和sz命令不能用怎么办

      解决方法:1、利用“yuminstall-ylrzsz”命令安装lrzsz,lrzsz是一款在linux里可代替ftp上传和下载的程序;2、利用“sz-...

    • php怎么判断两数组有几个值相同

      php怎么判断两数组有几个值相同

      方法:1、用array_intersect()比较数组,语法“array_intersect(数组1,数组2)”,会返回一个交集数组;2、用count()获取交...

    • linux怎么查看文件夹什么时候创建的

      linux怎么查看文件夹什么时候创建的

      方法:1、用“stat文件路径”命令获取文件的inode号;2、用“df-h”获取文件所在的磁盘路径;3、根据获取的文件inode号和磁盘路径,用“debu...

    • linux产生zombie的原因是什么

      linux产生zombie的原因是什么

      linux产生zombie(僵尸进程)的原因是:父进程产生子进程后,子进程先于父进程退出,但父进程没有处理子进程发出的退出信号,因此子进程就会被称为僵尸进程;此...

    • linux中unzip找不到命令怎么办

      linux中unzip找不到命令怎么办

      解决方法:1、利用“yumlist|grepzip/unzip”获取软件安装列表,没有结果说明没有安装;2、利用“yuminstallzip”命令安...

    热门文章