与导出默认值一起使用时，“=>”在 javascript 中是什么意思？ [复制]

Question

我正在分析 angular-file-upload 插件的一些 Angular js 源代码，但我在试图理解一些代码时遇到了一些问题。

我知道export 是新 ES6 标准的一部分，它用于从给定文件（或模块）导出函数和对象。

但是下面的语法让我有点奇怪：

let {
    copy,
    extend,
    forEach,
    isObject,
    isNumber,
    isDefined,
    isArray,
    element
    } = angular;


    export default (fileUploaderOptions, $rootScope, $http, $window, 
                      FileLikeObject, FileItem) => {


        let {
            File,
            FormData
            } = $window;


        class FileUploader { 

          // class implemention.... 
        }

        return FileUploader;
    }

这个语句中=>操作符有什么用？

Answer 1

它是ES6 arrow function。在您的情况下，它类似于：

"use strict";

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

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var _angular = angular;
var copy = _angular.copy;
var extend = _angular.extend;
var forEach = _angular.forEach;
var isObject = _angular.isObject;
var isNumber = _angular.isNumber;
var isDefined = _angular.isDefined;
var isArray = _angular.isArray;
var element = _angular.element;

exports["default"] = function (fileUploaderOptions, $rootScope, $http, $window, FileLikeObject, FileItem) {
    var File = $window.File;
    var FormData = $window.FormData;

    var FileUploader = function FileUploader() {
        _classCallCheck(this, FileUploader);
    };

    // class implemention....

    return FileUploader;
};

module.exports = exports["default"];

请注意，这是由Babel编译的。

Answer 2

这是一个arrow function（或胖箭头函数）：

(a, b, c) => { /* ... */ }

（几乎）等同于：

function(a, b, c) { /* ... */ }

箭头函数和用function 声明的函数之间的唯一区别是this 在箭头函数中具有词法绑定，而不是在常规函数中绑定的混乱泥潭。