• 章节:38
  • 访问:579
  • 时长:00:09:26
  • 日期:2019-07-05 11:58

"./maths/sum" 这个需要我们自己去创建。

在src下面添加maths目录,然后在目录中添加一个operations.js文件 内容如下

export function multiply(values) {
    return values.reduce((total, val) => total * val, 1);
}
export function subtract(amount, values) {
    return values.reduce((total, val) => total - val, amount);
}
export function divide(first, second) {
    return first / second;
}

然后在main.js中调用 这里是一次引入多个函数

import Vue from 'vue'
import App from './App.vue'
import { multiply, subtract } from "./maths/operations";

let values = [10, 20, 30, 40, 50];

console.log(`Multiply: ${multiply(values)}`); //10*20*30*40*50
console.log(`Subtract: ${subtract(1000, values)}`);//1000- (10+ 20+30+40+50) = 850

new Vue({
  render: h => h(App),
}).$mount('#app')

还可以给函数添加一个别名

import { multiply, subtract as minus } from "./maths/operations";

使用的时候 就是使用别名

console.log(`Subtract: ${minus(1000, values)}`);

还可以引入一个目录下面的所有的函数

import * as math from "./maths";

然后调用的时候 就需要通过math名称来使用

let values = [10, 20, 30, 40, 50];
console.log(`Sum: ${math.addition(values)}`);
console.log(`Multiply: ${math.multiply(values)}`);
console.log(`Subtract: ${math.subtract(1000, values)}`);
console.log(`Mean: ${math.mean(values)}`);

如果不想通过math.  那么我们可以引入整个目录 但是给函数其一个别名 避免重复

import { addition as add, multiply, subtract, mean as average} from "./maths";
let values = [10, 20, 30, 40, 50];
console.log(`Add: ${add(values)}`);
console.log(`Multiply: ${multiply(values)}`);
console.log(`Subtract: ${subtract(1000, values)}`);
console.log(`Average : ${average(values)}`);