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

Question

我正在分析angular文件上传插件的一些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箭头函数。在你的例子中，它解释了这样的事情：

"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"];

注意，这是巴别塔编译的。

Answer 2

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

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

（几乎）相当于：

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

箭头函数和用函数声明的函数之间的唯一区别是this在箭头函数中有词汇绑定，而不是在常规函数中有混淆的绑定困境。