如何将普通的javascript函数转换为导出?

时间:2017-12-03 04:49:22

标签: javascript requirejs export

我有一个我需要在项目中导出的库,但它是用javascript函数编写的。我想导出并导入到我的多个项目中。

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;

}

2 个答案:

答案 0 :(得分:0)

执行此操作的正确方法是在项目中使用包管理系统,例如Bower。它很容易上手,并且在他们网站的首页上有简单的入门说明。

如果您的代码需要是私有的,那么您可以将您的函数存储在私有git存储库中并将它们导入到您的项目中。有关如何执行此操作的信息,请参阅this post

答案 1 :(得分:0)

您可以通过在函数前添加export关键字来导出函数。

如果要为每个文件导出多个函数,请使用以下语法:

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

如果要为每个模块导出一个函数,请使用default keyword:

    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