如何将正常的javascript函数转换为导出？

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个库，我需要在项目中导出，但它是用JavaScript函数编写的。我想导出并导入到我的多个项目中。如何将正常的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; 
}

回答：

正确的做法是在项目中使用包管理系统，例如Bower。开始使用起来很简单，并且在其网站的首页上有简单的入门指导。

如果你的代码需要是私有的，你可以将你的函数存储在一个私有的git仓库中，并将它们导入到你的项目中。有关如何做到这一点的信息，请参阅this post。

回答：

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

如果要导出每个文件的几个功能，使用语法如下：

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

以上是 如何将正常的javascript函数转换为导出？ 的全部内容， 来源链接： utcz.com/qa/259524.html

回到顶部