javascript导入自定义模块

Posted 小乌龟的笔记本

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript导入自定义模块相关的知识,希望对你有一定的参考价值。

问题:

javascript  如何导入一个自定义的类

javascript 如何导出一个自定义的类

javascript 导入自定义的类的语法

E:project_tsabcmain.js:1
import {Queue} from ‘./Queue‘
^^^^^^

SyntaxError: Cannot use import statement outside a module

 


 这里,请看这里。以下是标准的 自定义模块的 导出、导入 语法:


 

两个文件,分别是Queue.js, Main.js。

运行 Main.js ,可以正常导出 Queue.js里面定义的类

 

请注意: 导入模块、导出模块的语法

 

 

/** Queue.js
 *封装一个队列的结构,提供若干操作队列的接口
 *
 *author:Henry
 *date:20200503
 * 
 */
function Queue() {
    this.queue = [];
  };
  
  Queue.prototype.enqueue = function(value) {
    this.queue.push(value);
  };
  Queue.prototype.dequeue = function() {
    return this.queue.shift();
  };
  Queue.prototype.peek = function() {
    return this.queue[0];
  };
  Queue.prototype.length = function() {
    return this.queue.length;
  };
  Queue.prototype.print = function() {
    console.log(this.queue.join(‘ ‘));
  };


module.exports = Queue;

 

// Main.js

const Queue = require(‘./Queue‘)


let que1 = new Queue();
que1.enqueue(1);
que1.enqueue(2);
que1.print();

 

以上是关于javascript导入自定义模块的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

VS Code中自定义Emmet代码片段

VSCode自定义代码片段——JS中的面向对象编程

Vue.js - 将自定义指令导入为 ES6 模块

如何使用 TypeScript 导入自定义 node.js 插件模块

VSCode自定义代码片段9——JS中的面向对象编程