导入函数的正确方法

Question

在了解了 javascript 承诺及其行为方式的一些非常有用的提示之后，我正在寻求一些帮助，以将函数从一个 javascript 文件正确导入/导出到另一个通过 NodeJS 运行的文件。

Essentially I want basicNode.js to open an html doc, and then once that is open (and the promise implied via the open(html) statement is 100% complete/finalized) run the function from change.js to alter the html to show “你好”代替“欢迎使用 JavaScript”。 这将提供概念证明，然后可以推断出在我的实习期间处理自动化报告的项目，因此非常感谢任何帮助

基本的.html

<!DOCTYPE html>
<html>  
<head>  
</head>  
<body>
<p>Date/Time: <span id="datetime"></span></p>
  
<p id="here">Welcome to JavaScript</p>  
<form>  
<input type="button" value="click" onclick="changeThis()"/>  
</form>  
</body> 
<script>
var dt = new Date();
    document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>
<script type="text/javascript" src="change.js"></script> 
<!--
<script>waitForElementToDisplay("#here",function(){alert("Hi");},1000,9000);</script> 
--> 
</html>

改变.js

function changeThis() {
    document.getElementById("here").innerHTML = "Hello";
}

module.exports={changeThis};

基本节点.js

const open = require('open');
var { change }  = require('./change')
const jsdom = require("jsdom");
const { JSDOM } = jsdom;
global.document = new JSDOM('./basic.html').window.document;

const main = async () => {
  await open('./basic.html');
  change.changeThis();
}

main();

Answer 1

在您的change.js文件中，您将 function 作为命名导出导出。 如果您只从文件中导出一个 function（这不是规则），通常使用命名导出，而命名导出主要用于从文件中导出多个函数时。

这是一个命名导出

module.exports= { changeThis };

命名导出导入为

var { changeThis }  = require('./change')

与命名导出相反的是默认导出。

module.exports = changeThis

这被导入为

var changeThis = require("./change")

导入函数的正确方法

问题描述

1 个解决方案

解决方案1
0 2021-12-03 21:36:02

导入函数的正确方法

问题描述

1 个解决方案

解决方案1 0 2021-12-03 21:36:02

解决方案1
0 2021-12-03 21:36:02