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

Question

我想缩短我的 js 中的行数。 我在文件顶部有我的 json。 我想将它存储在一个单独的文件中。 在 php 中，你只会做一个包含语句，但对于 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 中我们命名了 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 对象中可用，您可以通过点或括号表示法访问。