ES 6-使用类

Question

我正在学习ES6类的语法。我来自C#背景，所以如果我的术语不正确，我道歉。或者，如果我在做一些看起来很奇怪的事情。

我正在构建一个网络应用程序作为学习练习。它建立在节点和快递上。我有一些路线定义如下：

'use strict';

module.exports = function() {
    const app = this;

    app.use('/blog', function(req, res) {
        console.log('loading blog postings');        
        res.render('blog', {}); 
    });

    app.use('/', function(req, res) {
        console.log('looking up: ' + req.path);
        res.render('home', {});
    });
};

我试图在这些视图后面放置一些视图模型。因此，我有一个名为viewModels的目录。该目录包含以下文件：

index.js
blog.js
home.js

当前的文件可能不准确，如下所示：

指数js

'use strict';

module.exports = function() {
  const HomeViewModel = require('./home);
  const BlogViewModel = require('./blog);
};

博客js

export default class BlogViewModel {
    constructor() {
        this.title = 'My Blog';
    }
}

家js

export default class HomeViewModel {
    constructor() {
        this.title = 'Home';
    }
}

我的想法是，我可以使用索引。js作为定义我的包或名称空间的一种方式。然后，在我的路由代码中，我可以这样做：

'use strict';

module.exports = function() {
    const app = this;
    const ViewModels = require('../viewModels/index');

    app.use('/blog', function(req, res) {
        console.log('loading blog postings');
        let viewModel = new ViewModels.BlogViewModel();
        res.render('blog', viewModel); 
    });

    app.use('/', function(req, res) {
        console.log('looking up: ' + req.path);
        let viewModel = new ViewModels.HomeViewModel();
        res.render('home', viewModel);
    });
};

但是，当我尝试此操作时，会出现一些运行时错误，如“错误：找不到模块“../viewModels/index”。这意味着我没有正确设置模块。但是，看起来我是我做错了什么？

Answer 1

事实上，我不确定你想问什么。如果我回答错了，没关系。

首先，你得到错误的原因错误：找不到模块'.../viewModels/index'是因为你在那里放了两个点。它应该只是一个点意味着从这里开始。然而，我不确定这是否是问题所在。我想问你把路由代码放在哪里，但是我还没有评论的权限。（啊...堆栈溢出你开玩笑吧...（

其次，下面是在ES6中导出类的正确方法。

例如：

A类。js

'use strict';
//This module can be used within the class. However, you cannot use it in another file.
const AModule = require('AModule');
//The class name used here just for debug output.
module.exports = class AClass {
  constructor(startValue) {
    //Not like C#. JavaScript does not define private or public.
    this.value = startValue;
  }
  method(incValue) {
    this.value += incValue;
    AModule(); //Just show you can use this module within the class;
  }
}

main.js

'use strict';
//You need to put a ./ before the path if you are include another module made by yourself.
//You do not need it for a npm module.
const AClass = require('./AClass.js');
//Now you just required the class of the AClass, you still need to new one;
var aClass = new AClass(500);
//After new one, you can call its method.
aClass.method(30);
//You can access its property by a dot;
console.info(aClass.value); //530

这是在ES6中创建类的100%工作方式。

以下是详细的文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes

不管怎样，JavaScript中的类就像函数一样，函数的原型将是它的方法。-plhd--0/>（obj，参数）），然后将新对象的构造html" target="_blank">函数属性链接到所使用的函数。

module.exports=xxx就是让xxx成为这个模块的值。例如，如果你module.exports='Hello'；和console.info（需要（'模块'））；，你会得到Hello。

Answer 2

你的索引。js文件不正确，您不能从那里导出ViewModels。将其更改为：

'use strict';

module.exports = {
  HomeViewModel: require('./home'),
  BlogViewModel: require('./blog')
};

和viewModels它对C#有好处，但对Node没有好处。js。在节点中，它应该只是模型，IMO。

更新：

节点。js并不完全支持所有ES6功能，尤其是新模块声明：https://nodejs.org/en/docs/es6/.应使用标准CommonJs模块声明导出函数：

'use strict';

class HomeViewModel {
  constructor() {
    this.title = 'Home';
  }
}

module.exports = HomeViewModel;