Question

我有这个拦截器：

angular.module('dwExceptionHandler', [])
    .factory('ExceptionInterceptor', ['$q', function ($q) {
        return function (promise) {
            return promise.then(
                function (response) {
                    if (response && response.data.Exception) {
                        alert(response.data.Exception.Message);

                        return $q.reject(response);
                    }

                    return response;
                },
                function (response) {
                    if (response.data.Exception) {
                        console.warn('ALERT', response.data.Exception.Message);
                        alert(response.data.Exception.Message.replace(/\\n/g, '\n'));
                    }

                    return $q.reject(response);
                });
        };
    }]).config(["$httpProvider", function ($httpProvider) {
        $httpProvider.responseInterceptors.push('ExceptionInterceptor');
    }]);

我期待收到警报，因为我从服务器返回异常，但警报未显示。它确实出现在我的开发环境中，我不会使用缩小。

当我复制缩小代码的缩小部分时，它就像这样：

angular.module("dwExceptionHandler",[]).factory("ExceptionInterceptor",["$q",function(n)
{
    return function(t){
        return t.then(function(t)
            {
                return 
                    t && t.data.Exception 
                        ? (alert(t.data.Exception.Message),n.reject(t))
                        : t
            },
            function(t)
            {
                return t.data.Exception 
                        && 
                        (   console.warn("ALERT",t.data.Exception.Message),
                            alert(t.data.Exception.Message.replace(/\\n/g,"\n"))),
                            n.reject(t)
            })
        }}])

        .config(["$httpProvider",function(n){n.responseInterceptors.push("ExceptionInterceptor")}]);

当我学习这段代码时，我注意到promise和response变量在缩小时都会获得相同的变量：t。

这怎么可能，我该如何解决这个问题？我使用.net Bundle配置，我不允许切换到grunt，gulp或使用web essentials。我必须坚持使用Bundle config。

Answer 1

即使两个变量名都相同，它们实际上并没有使用相同的变量。缩小器能够看到您在错误回调中没有使用promise变量，因此可以在函数参数中重用相同的变量名称。这有效地＆＃34;隐藏＆＃34;另一个变量，使其无法从该函数中访问，但由于你不在那里使用变量，这并不重要。

换句话说，缩小不应该影响你的结果。它似乎是有效的，你必须到别处去弄清楚为什么你没有得到理想的行为。

如果你想使用不同的变量名来查看缩小的代码，你可以尝试通过在回调中添加这样的行来欺骗minifier认为你在那里使用promise变量方法：

angular.noop(promise);

为什么我的Angular拦截器没有被正确缩小？

1 个答案: