如何在 js 中使用外部 js 文件？

Question

我想缩短我的 js 中的行数。我在文件顶部有我的 json。我想将其存储在单独的文件中。在 php 中你只需要做一个 include 语句，除了 js 有没有类似的东西？

Answer 1

您可以通过多种方式在 js 文件之间进行通信。 在 es5

//FOR EXPORT use module.exports

eg. module.exports= any content(function, object, array).

//FOR IMPORT use require method

eg. const xyz = require('.path_to_your_file) //.js extension is optional

//now exported content will be available in xyz.

在 es6 中，我们有 named export 和 default export

// FOR **default export** use export default 
// eg. export default (any content [array,object,function])
// NOTE:- you can have only one default export in a file

// FOR named export use export 
// eg. export (any content [array,object,function])
// NOTE:- you can have multiple export in a file

///####################################
// FOR importing **default exported** content use following syntax
// import ABC from 'source file';

 //now exported content will be available in ABC.

// FOR importing **named exported** content use following syntax
// import {exported_name} from 'source file'; // see object destruct in es6 for detail
// as we can have multiple named export we can import multiple content using comma separated syntax and using.
// import { export1,export2} from 'source file';

您也可以将所有命名的导出组合到单个导入名称中，如下所示。

//import * as ABC from 'source file';

这里所有命名的导出都将在 ABC 对象中可用，您可以通过点或括号表示法访问。