import * as 의 집합 과 분리
Es6, javascript 이 처음으로 module 을 지원 한 줄 알 았 습 니 다.ES6 의 모듈 화 는 내 보 내기 (export) 와 가 져 오기 (import) 두 모듈 로 나 뉘 는데 그 중에서 항목 에서 우 리 는 import * as obj from 을 자주 볼 수 있 습 니 다. 이 방법 은 모든 출력 을 obj 대상 에 감 싸 는 것 입 니 다.
예시 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예시 2:
// test.js
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예시 3:
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다음으로 이동:https://www.weipxiu.com/3767.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
