Question

我有一个我需要在项目中导出的库，但它是用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;

}

Answer 1

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

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

Answer 2

您可以通过在函数前添加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

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

2 个答案: