鍍金池/ 問答/數(shù)據庫  網絡安全  HTML/ vue中export const的寫法問題

vue中export const的寫法問題

在一個rails項目引用的vue模板中，在讀代碼找數(shù)據的時候發(fā)現(xiàn)有個數(shù)據是這么來的

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

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

在同一個文件夾下發(fā)現(xiàn)一個名為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,
});

這個匿名函數(shù)是啥意思，這是直接返回了這么一個{}對象還是這個state.js文件的意思就是創(chuàng)建一個名為state的構造函數(shù)？

回答
編輯回答
賤人曾
"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/

2018年7月23日 02:33