es6에서 import as는 여러 내보내기에서 내보낸 내용을 하나의 개체로 결합하고 반환하는 데 사용됩니다. ES6의 모듈화는 내보내기와 가져오기라는 두 가지 모듈로 나뉩니다. 이 방법은 모든 내보내기 내용을 지정된 개체로 래핑할 수 있습니다. "import * as object from ..."에 대한 구문입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.
ES6에서는 자바스크립트가 처음으로 모듈을 지원합니다. ES6의 모듈화는 내보내기와 가져오기라는 두 가지 모듈로 나뉩니다. 프로젝트에서 import * as obj from을 사용하는 경우가 많습니다. 이 작성 방법은 모든 출력을 내부의 obj 개체로 래핑합니다.
import * as xxx from 'xxx': 여러 내보내기에서 내보낸 내용을 하나의 개체로 결합하고 반환합니다.
import xxx from 'xxx': (기본 Din 내보내기) 이 기본 개체를 하나의 개체로만 내보냅니다.
예 : 1 // 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
/*************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 비디오 튜토리얼위 내용은 es6에서 import 사용법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!