将参数传递给类构造函数

Question

我已经编写了下面的模块，但是导入它并不像预期的那样工作。文件(简写为简单)：

templates.js

'use strict';

export default class Templates {
    constructor (args) {
        this.files = [{
            name: `${args.name}.js`,
            path: 'src/',
            content: ''
        }];
        /* code omitted */
    }
};

我试着像这样使用它：

index.js

import Templates from './templates'

const opts = {name: 'app'};
/* code ommited */
console.log('Templates >>', typeof Templates);
console.log('Templates >>', new Templates());

let tmpls = new Templates(opts);
console.log(tmpls.files[0].name);

但是我在控制台中得到了下面的错误跟踪。

npm ERR! Linux 3.16.0-38-generic
npm ERR! argv "/home/wesleycoder/.nvm/versions/node/v5.1.0/bin/node" "/home/wesleycoder/.nvm/versions/node/v5.1.0/bin/npm" "init"
npm ERR! node v5.1.0
npm ERR! npm  v3.3.12

npm ERR! Cannot read property 'name' of undefined

是的，这是一个~/.npm-init脚本，供谁问。

编辑：感谢@low_ghost给出了有用的响应。

我发现我的问题不在于导出和导入类。它实际上是向该类传递参数，而不是不传递参数。所以我改了个简约的头衔。

在我的代码中，没有任何参数的console.log(new Templates())是有意的。我试图解决的错误是实例化对象和获取文件数组，但我直接从commander.js库传递参数，传递的参数对此任务“过火”，所以我通过接受来自commander.js的输入并在空对象中分配属性中的每个输入，然后沿着构造函数传递该对象，从而简化了参数，这允许我从未传递的选项中读取readline-sync和读取输入，从而使脚本更棒，毕竟这一切都很好。

如果commander.js可以在不增加库属性权重的情况下给出传递的选项，就可以了。

Edit2:毕竟，commander.js并不有用，因为我无法将npm init命令中的参数传递给script。

Answer 1

由于构造函数调用中缺少参数，名称未定义。根据意图，最好的解决方案是检查名称的存在和类型：

 'use strict';

 export default class Templates {
   constructor (args) {
     this.files = (args.name && typeof arg.name === "string")
       ? [{
           name: `${args.name}.js`,
           path: 'src/',
           content: ''
         }]
       : [];
    /* other code */
   }
};

如果你同意三元的话。如果this.files不存在或不是字符串，则返回空数组为arg.name。

编辑：

或者，正如madox2所建议的那样，提供一个默认设置。不过，我会使用默认的名称，而不是整个args对象。像这样：

 constructor({ name = 'defaultName', ...otherArgs } = {})

如果你打电话给：

 new Templates({ dir: 'repo' })

您的名称仍然是默认的，如果从字面上取省略号，您可以从otherArgs.dir获得dir。= {}部分允许调用

 new Templates()

而且还能得到默认的名字。

Answer 2

Templates类的构造函数以对象作为参数。如果不传递它，则args参数是undefined，当您调用args.name时，它将失败。试试这个：

console.log('Templates >>', new Templates({}));

或者：

console.log('Templates >>', new Templates({name: 'myName'}));

还可以在构造函数中设置默认参数值，然后在没有参数的情况下调用它：

constructor (args = {name: 'defaultName'}) {
    //...