javascript - 如何解决这个 "unreachable code after return statement"警告？

Question

我正在尝试学习 angularjs 的基础知识，并正在使用教程应用程序和 ng-js v1.6.6。尽管项目显示(本地主机)，但浏览器会显示一条警告，如屏幕截图中所示。 Chrome 不会显示该错误，而 Firefox 会显示该错误。代码没问题还是第 17 行/第 50 行有错误？

   'use strict';

    angular.module('components.phone')
    .factory('Phone', ['$resource', function($resource,) {
    return $resource('components/phone/data/phones/:phoneId.json', {}, { 
        query: {
            method:'GET', 
            params: { phoneId:'phones' },
            isArray: true
            }
        }
      )    

     return factory;//<======LINE 17 -IS THE REST OF THE CODE 'UNREACHABLE'?
     }])

.service('PhoneService', ['$q','$http', '$resource', function($q, $http) {
    var service = { 
        get: function() {
            var deferred = $q.defer();

            $http.get('components/phone/data/phones/phones.json', { 
                params: { phoneId:'phones' } 
            })
            .then(function(response){
                deferred.resolve(response.data);
            })
            .catch(function(response){
                deferred.resolve(response);
            });

            return deferred.promise;
        },

        getAllPhones: function() {
            return $http.get('components/phone/data/phones/:phoneId.json', { 
                cache:   true }
            ).then(function(resp) {
                return resp.data;
            });
        },

        getPhone: function(phoneId) {
                for (i = 0; i < phones.length; i++) {
                    if(phones[i].id == phoneId){
                    this.phone = phones[i];
                     break; <==== THIS SYNTAX IS NOW CHANGED, THANKS@SYNCRO!


        return  $http.get('components/phone/data/phones/' +    $stateParams.phoneId + '.json')
                    .then(function(response) {
                        self.phone = response.data;

                    })
            }

            return service.getAllPhones().then(function (getPhone) {
                return selected.phone;
            })
        }
    }

    return service;
}])

.run(['$rootScope', '$state', '$stateParams',
    function ($rootScope, $state, $stateParams) {
        $rootScope.$state = $state;
        $rootScope.$stateParams = $stateParams;
    }  
])

Answer 1

在您的getPhone方法中，如果您在for循环内return，则for循环之后的代码将不会被执行，这就是为什么您的浏览器正在向您发出此警告消息。

您也可以在 Chrome 中看到此消息，只需在 Chrome 开发工具中更改日志优先级即可。

您可以在我为您编写的这个小脚本中看到返回问题:https://jsfiddle.net/kmy7hq8q/

要离开循环，您只需使用 break，而不是 return。

if(phones[i].id == phoneId){
    this.phone = phones[i];
    break;
}