> 웹 프론트엔드 > 프런트엔드 Q&A > es6의 세 가지 가져오기 방법은 무엇입니까?

es6의 세 가지 가져오기 방법은 무엇입니까?

青灯夜游
풀어 주다: 2022-05-19 17:59:25
원래의
2441명이 탐색했습니다.

방법: 1. 파일로 내보낸 모든 변수를 객체로 압축하고 "import * as from "module"" 문을 사용하여 가져옵니다. 2. "import name it as you like from "module"" 문을 사용합니다. 3. ""모듈"에서 {지정된 이름} 가져오기" 문을 사용합니다.

es6의 세 가지 가져오기 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

es6 import three import method

import "모듈 식별자"에서 임의로 이름을 지정합니다.

모듈에 기본 내보내기 내보내기 기본 구문이 있는 경우에만 적용됩니다

// A.js
export default 20
// B.js
import A from './A'
上面的代码生效的前提是,只有在A.js中有默认导出的export default语法时才会生效。
这种不使用{}来引用模块的情况下,import模块的命名是随意的,即如下三种引用命名都是正确的:
//B.js
import A from './A'
import B from './A'
import Something from './A'
因为它总是会解析到A.js中默认的export default
로그인 후 복사

import "모듈 식별자"의 { 이름 지정}

은 지정된 이름

//A.js
export const A = 21
//B.js
import { A } from './A'

代码生效的前提是,只有在模块A.js中有如下命名导出为A的export name的代码,
而且,在明确声明了命名导出后,那么在另一个js中使用{}引用模块时,import时的模块命名是有意义的,如下:
// B.js
import { A } from './A'                 // 正确,因为A.js中有命名为A的export
import { B } from './A'                 // 错误!因为A.js中没有命名为B的export
로그인 후 복사

import * as from "모듈 식별자"(패키지됨)의 내보내기 이름으로 내보낸 모듈에 코드가 있는 경우에만 적용됩니다. )

파일로 내보낸 모든 변수를 객체로 압축합니다.
예:

export const sqrt1 = Math.sqrt;
export const sqrt2= Math.sqrt;



import * as sqrtobj from "....."
sqrtobj.sqrt1
sqrtobj.sqrt2
로그인 후 복사

【관련 추천: javascript 비디오 튜토리얼, web front-end

위 내용은 es6의 세 가지 가져오기 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
es6
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿