> 웹 프론트엔드 > JS 튜토리얼 > Javascript에서 가져오기 및 내보내기를 구현하는 방법(코드 첨부)

Javascript에서 가져오기 및 내보내기를 구현하는 방법(코드 첨부)

不言
풀어 주다: 2018-08-22 17:56:23
원래의
3874명이 탐색했습니다.

이 문서의 내용은 JavaScript(코드 포함)로 가져오기 및 내보내기를 구현하는 방법에 대한 내용입니다. 필요한 친구가 참고할 수 있기를 바랍니다.

가져오기 및 내보내기를 위한 노드 방식

JavaScript 파일은 수많은 변수, 함수 및 객체를 exprot할 수 있지만 require(); JS 파일은 한 번만 로드하면 됩니다. 따라서 보이지 않게 된 후 최상위 네임스페이스가 추가됩니다. JavaScript文件,可以向外exprots无数个变量,函数,对象,但是require(); 的时候,仅仅需要 载入一次JS文件即可。 所以,无形之后,会增加一个顶层命名空间。

导入一个空模块,是一个空对象,一个模块就是一个对象。

导出方式:

  • exports, 导出整个式子

  • module.exports, 导出赋值部分

导入方式:

  • reuire()

// 导出一个变量
exports.a = 10;

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值:
// { a: 10 }
로그인 후 복사
// 导出一个变量,直接需要变量值使用.
// module.exports = 'name';

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值:
// name
로그인 후 복사
// 导出对象
module.exports = {
  name1: 123,
  name2: 456
}

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值:
// { name1: 123, name2: 456 }
로그인 후 복사
// 导出对象
exports.msg = {
  name1: 1,
  name2: 2
}

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值:
// { msg: { name1: 1, name2: 2 } }
로그인 후 복사
// 导出函数
exports.showMsg = function () {
}

// 导入该变量
// let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值:
// { showMsg: [Function] }

// 在 引用结果 需要  通过  变量 引用对象 执行
// var b= require();
// b.showMsg();
로그인 후 복사
// 导出函数
module.exports = function () {
}

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值:
// [Function]

// 引入文件的 变量  直接执行
로그인 후 복사

对象,函数常使用的导出方式:module.exports

ES6和TS方式导入导出

导出:export
导入:import

注意点:

  • 导出和导入,除了使用as之外,变量名相同

  • 导出一个文件,默认是一个空对象

  • 直接使用导入文件定义变量名,直接执行

  • default导出,在导入的时候可以取任意变量名

  • export default默认导出模块不能使用{}对象导出

// 导出一个常量
export const foo = Math.sqrt(2)

// 导入
import { foo } from './export'
import * as Tools from './export' // 使用 Tools.foo
로그인 후 복사
function myFunction () {}
// 导出已经声明的函数
export { myFunction }

导入
import { myFunction } from './export'
로그인 후 복사
// 多个导出
export function cube(x: number): number {
    return x * x * x
}
const foo: number = Math.PI * Math.sqrt(2)
export { foo } // 导出多个

// 导入
import { cube, foo } from './export'
로그인 후 복사
// 导出函数
export default function () {}
export default function fun () {}

// 导入
import myFunction from './export' // 可以取任意变量名
// 如果导出默认,定义函数名或者变量名,或者类名
// 导入的时候可以写和原来相同名字,也可以取任意变量名
로그인 후 복사
// 导出类
export default class {}

// 导入
import Test from './export'
로그인 후 복사

一个文件(模块)默认的导出只能有一个, 可以是类,函数, 对象等

导入整个模块的内容,在当前作用域插入export变量,包含export文件中全部导出绑定(包括export default

빈 모듈을 가져오는 것은 빈 개체이고, 모듈은 개체입니다.

내보내기 방법:


가져오기 방법:
  • reuire()

// 导出多个模块
export function query () {}
export function update () {}

// 导入
import * as API from './export'
로그인 후 복사
import 'my-module'
로그인 후 복사
rrreeerrreeerrreeerrreee객체, 함수에 일반적으로 사용되는 내보내기 방법: module.exports
ES6 및 TS 가져오기 및 내보내기🎜🎜내보내기: 내보내기🎜Import :import🎜🎜참고:🎜
  • 🎜내보내기 및 가져오기, as 사용 외에도 변수 이름 동일🎜
  • 🎜파일 내보내기, 기본값은 빈 개체🎜
  • 🎜가져온 파일을 직접 사용하여 변수 이름을 정의하고 직접 실행🎜
  • 🎜 기본 내보내기, 가져올 때 모든 변수 이름을 사용할 수 있습니다🎜
  • 🎜기본 내보내기기본 내보내기 모듈은 {}를 사용하여 내보낼 수 없습니다. 객체 🎜
rrreeerrreeerrreeerrreeerrreee🎜파일(모듈)에는 클래스, 함수, 객체 등 하나의 기본 내보내기만 있을 수 있습니다.🎜🎜전체 모듈의 내용을 가져오고 export 파일의 모든 내보내기 바인딩을 포함하여 현재 범위/code> 변수에 exportexport default 포함): 🎜rrreee🎜전체 모듈 가져오기 추가 기능으로 사용하지만 모듈 내보내기를 가져오지 않음 회원: 🎜rrreee🎜관련 권장 사항: 🎜🎜🎜Excel 가져오기 및 내보내기 ​ ​ ​ ​ 🎜🎜🎜🎜🎜Oracle 가져오기 및 내보내기 문제 🎜​ 🎜🎜

위 내용은 Javascript에서 가져오기 및 내보내기를 구현하는 방법(코드 첨부)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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