使用来自另一个 class 的 class ，它位于 ES6 的另一个文件中

Question

我正在尝试在以前用 es5 编写的项目中使用 ES6

要求：

我在 file1.js 中有 class Abc ，在 file2.js 中有 class Def ，我如何实例化 class Abc来自 Def in javascript ES6 并使用它的方法？

示例演示： file1.js

class first{
constructor(a,b,c){
    this.a = a;
    this.b = b;
    this.c = c;
}
}

文件2.js

import * as filee from  "/file1.js"
class def{
  method3(){
    let a = "satya";
    let b = "aditya";
    let c = function () {
        console.log("cr7");
    }
  let classs = new filee.first(a,b,c);
     classs.myMethod();
}
}
let a = new def();
a.method3();

如果有人在 ES6 上分享好的资源，那将是很大的帮助，因为我看到了诸如 mdn 之类的网站，但想阅读专注于良好用法示例的文章

Answer 1

如果您想在一个文件中导入某些内容，则必须将其导出到另一个文件中。

在您的 file1.js 中添加以下代码：

// vvv
export class first{
  constructor(a,b,c){
    this.a = a;
    this.b = b;
    this.c = c;
  }
}

如果该文件中有多个类，您也可以像上面的示例一样导出它们：

export class first{
  constructor(a,b,c){
    this.a = a;
    this.b = b;
    this.c = c;
  }
}

export class second{
  constructor(a,b,c){
    this.a = a;
    this.b = b;
    this.c = c;
  }
}

然后在 file2.js 中像这样导入它们：

import {first, second} from  "/file1.js"

Answer 2

您缺少出口申报单：

export class first { /*
^^^^^^ */
    …
}

使用来自另一个 class 的 class ，它位于 ES6 的另一个文件中

use a class from another class which is in another file in ES6

javascript

ecmascript-6

es6-class