我刚刚设计了一个ES6测试系统,主要是在this tutorial中使用package.json中的以下依赖项:
"devDependencies": {
"babel-core": "^5.8.24",
"babel-loader": "^5.3.2",
"jasmine": "^2.3.2",
"jasmine-core": "^2.3.4",
"karma": "^0.13.9",
"karma-jasmine": "^0.3.6",
"karma-jasmine-html-reporter-livereload": "^1.0.0",
"karma-phantomjs-launcher": "^0.2.1",
"karma-webpack": "^1.7.0",
"phantomjs": "^1.9.18",
"webpack": "^1.12.1"
}
现在,要在ES6中运行我的测试,我需要export
来自客户端文件的类,例如:
export class Calculator{
add(op1,op2){
return op1 + op2;
}
subtract(op1,op2){
return op1 - op2;
}
}
然后我需要在测试文件中import
:
import {Calculator} from './es6-testing';
describe('Calculator', () => {
it('should add two numbers', () => {
let calculator = new Calculator();
let sum = calculator.add(1,4);
expect(sum).toBe(5);
});
it('should subtract two numbers', () => {
let calculator = new Calculator();
let sum = calculator.subtract(4,1);
expect(sum).toBe(3);
});
});
我无法理解为什么在这种情况下需要导入和导出导入和导出。有没有办法解决这个问题,例如自动导入和导出模块而不指定它们?必须使用导入和导出的东西似乎很容易妨碍工作流程。我错过了什么?
答案 0 :(得分:1)
ES6模块允许您保持代码隔离。通过不将类Calculator
放在全局范围中,您可以在其他地方引用另一个名为Calculator
的类。如果您使用模块,则无法自动导入类,因为您需要定义要引用的文件。