vue中export const的写法问题

Question

在一个rails项目引用的vue模板中，在读代码找数据的时候发现有个数据是这么来的

export const activeFile = state => state.openFiles.find(file => file.active) || null;

不理解里面多次的=>符号是干什么用的，希望有大神能指导一下:-)

---

在同一个文件夹下发现一个名为state.js的文件，里面有一个openFIles

export default () => ({
  currentProjectId: '',
  currentBranchId: '',
  currentMergeRequestId: '',
  changedFiles: [],
  endpoints: {},
  lastCommitMsg: '',
  lastCommitPath: '',
  loading: false,
  openFiles: [],
  parentTreeUrl: '',
  trees: {},
  projects: {},
  leftPanelCollapsed: false,
  rightPanelCollapsed: false,
  panelResizing: false,
  entries: {},
  viewer: 'editor',
  delayViewerUpdated: false,
});

这个匿名函数是啥意思，这是直接返回了这么一个{}对象还是这个state.js文件的意思就是创建一个名为state的构造函数？

Answer 1

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var activeFile = exports.activeFile = function activeFile(state) {
  return state.openFiles.find(function (file) {
    return file.active;
  }) || null;
};

//================
'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

exports.default = function () {
  return {
    currentProjectId: '',
    currentBranchId: '',
    currentMergeRequestId: '',
    changedFiles: [],
    endpoints: {},
    lastCommitMsg: '',
    lastCommitPath: '',
    loading: false,
    openFiles: [],
    parentTreeUrl: '',
    trees: {},
    projects: {},
    leftPanelCollapsed: false,
    rightPanelCollapsed: false,
    panelResizing: false,
    entries: {},
    viewer: 'editor',
    delayViewerUpdated: false
  };
};

http://babeljs.io/repl/