어떻게 일반 자바 스크립트 함수를 내보낼 수 있습니까?

Question

프로젝트에 내보낼 라이브러리가 하나 있지만 자바 스크립트 함수로 작성되었습니다. 내 여러 프로젝트로 내보내고 가져오고 싶습니다.

function BlurImage(imageID, canvasID, radius, blurAlphaChannel, iterations){ 

var img = document.getElementById(imageID); 
var w = img.naturalWidth; 
var h = img.naturalHeight; 
    debugger; 
var canvas = document.getElementById(canvasID); 
    debugger; 
canvas.style.width = w + "px"; 
canvas.style.height = h + "px"; 
canvas.width = w; 
canvas.height = h; 

var context = canvas.getContext("2d"); 
context.clearRect(0, 0, w, h); 
context.drawImage(img, 0, 0); 

if (isNaN(radius) || radius < 1) return; 

} 

Answer 1

이 작업을 수행하는 적절한 방법은 Bower 같은 프로젝트에서 패키지 관리 시스템을 사용하는 것입니다. 시작하기 쉽고 웹 사이트의 첫 페이지에 시작하기 쉬운 지침이 있습니다.

코드를 비공개로해야하는 경우 비공개 저장소에 함수를 저장하여 프로젝트로 가져올 수 있습니다. 이를 수행하는 방법에 대한 정보는 this post을 참조하십시오.

Answer 2

함수 앞에 export 키워드를 추가하여 함수를 내보낼 수 있습니다.

export function A() {...}; 
    export function B() {...}; 

당신은 모듈 당 하나 개의 함수를 내보낼 경우, 사용의 기본 키워드 :

export default function A() {...}; 

또한 결합 할 수 있습니다

당신이 구문 다음 파일에 여러 기능 사용을 내보내려면

두 파일을 동일한 파일에서 내보내는 전략. 때로는 모듈 당 하나의 내보내기를 원하지만 다른 기능을 테스트하려고 할 수 있습니다.

export default function A() {...}; 
    export function B() {...}; 

이제 다른 파일

로 기능을 가져올 수 있습니다

import {A, B} from 'filename.js'; // non default functions 
    import A from 'filename.js'; // default function 
    import A, {B} from 'filename.js'; // combine default and non-default 

확인 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export이