0

我一直在尝试重写我们的一些代码以符合 ES6 并遇到以下问题。

angular.js:63 未捕获的错误:[$injector:modulerr] 无法实例化模块应用程序,原因是:错误:[$injector:pget] 提供者“books”必须定义 $get 工厂方法。

这是我在这段代码中编写提供程序对象的时候。

(() => {
    const app = angular.module('app', []);

    const books = () => { // Error is here
        let includeVersionInTitle = false;

        this.$get = () => {
            const appName = "Book Logger";
            const appDesc = "Track which books you read.";
            let version = "1.0";

            appName = (includeVersionInTitle) ? (appName += " " + version) : appName;

            return {
                appName: appName,
                appDesc: appDesc
            }
        };

        this.setIncludeVersionInTitle = (value) => {
            includeVersionInTitle = value;
        };
    };

    app.provider("books", [books]);
})();

当我const books = () => { ... }改为这个时,const books = function() { ... }. 它会工作并且不会抛出那个错误。

我还以为const a = function() { ... }const a = () => { ... }哪里一样呢?为什么它会抛出这个错误?

4

1 回答 1

0

箭头函数没有自己的“this”,而是使用周围代码的“this”。您必须使用传统功能。

this.$get = function() {

你可以在这里查看更深入的解释:

https://derickbailey.com/2015/09/28/do-es6-arrow-functions-really-solve-this-in-javascript/

于 2017-11-15T21:30:55.140 回答