Không xác định hoặc null cho AngularJS

Khi tôi viết các chức năng xử lý đồng hồ, tôi kiểm tra tham số newVal trên undefinedvà null. Tại sao AngularJS có một hành vi như vậy, nhưng không có phương thức tiện ích cụ thể? Vì vậy, có angular.isUndefinednhưng không angular.isUndefinedOrNull. Không khó để thực hiện điều đó bằng tay nhưng làm thế nào để mở rộng góc để có chức năng đó trong mỗi bộ điều khiển? Tnx.

Chỉnh sửa :

Ví dụ:

$scope.$watch("model", function(newVal) {
    if (angular.isUndefined(newVal) || newVal == null) return;
    // do somethings with newVal
}

Nó có được chấp nhận phổ biến để xử lý một cách như vậy không?

Chỉnh sửa 2 :

Ví dụ JSFiddle ( http://jsfiddle.net/ubA9r/ ):

<div ng-app="App">
  <div ng-controller="MainCtrl"> 
      <select ng-model="model" ng-options="m for m in models">
          <option value="" class="ng-binding">Choose model</option>
      </select>
      {{model}}
  </div>
</div>

var app = angular.module("App", []);

var MainCtrl = function($scope) {
    $scope.models = ['Apple', 'Banana'];
    $scope.$watch("model", function(newVal) {
        console.log(newVal);
    });
};

Bạn luôn có thể thêm chính xác nó cho ứng dụng của mình

angular.isUndefinedOrNull = function(val) {
    return angular.isUndefined(val) || val === null 
}

Gợi ý của tôi cho bạn là hãy viết dịch vụ tiện ích của riêng bạn. Bạn có thể bao gồm dịch vụ trong mỗi bộ điều khiển hoặc tạo bộ điều khiển mẹ, gán dịch vụ tiện ích cho phạm vi của bạn và sau đó mọi bộ điều khiển con sẽ kế thừa điều này mà bạn không cần phải bao gồm nó.

Ví dụ: http://plnkr.co/edit/NI7V9cLkQmEtWO36CPXy?p=preview

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope, Utils) {
    $scope.utils = Utils;
});

app.controller('ChildCtrl', function($scope, Utils) {
   $scope.undefined1 = Utils.isUndefinedOrNull(1);  // standard DI
   $scope.undefined2 = $scope.utils.isUndefinedOrNull(1);  // MainCtrl is parent

});

app.factory('Utils', function() {
  var service = {
     isUndefinedOrNull: function(obj) {
         return !angular.isDefined(obj) || obj===null;
     }

  }

  return service;
});

Hoặc bạn cũng có thể thêm nó vào rootScope. Chỉ cần một số tùy chọn để mở rộng góc với các chức năng tiện ích của riêng bạn.

Tôi đã hỏi câu hỏi tương tự của những người bảo trì dịch vụ lưu trú một thời gian trước và họ trả lời bằng cách đề cập đến !=toán tử có thể được sử dụng ở đây:

if(newVal != null) {
  // newVal is defined
}

Điều này sử dụng cưỡng chế kiểu của JavaScript để kiểm tra giá trị cho undefinedhoặc null.

Nếu bạn đang sử dụng JSHint để bổ sung mã của mình, hãy thêm các khối nhận xét sau để cho nó biết rằng bạn biết bạn đang làm gì - hầu hết thời gian !=được coi là xấu.

/* jshint -W116 */ 
if(newVal != null) {
/* jshint +W116 */
  // newVal is defined
}

Tại sao không chỉ sử dụng angular.isObjectvới phủ định? ví dụ

if (!angular.isObject(obj)) {
    return;
}

Câu trả lời của @ STEVER là thỏa đáng. Tuy nhiên, tôi nghĩ có thể hữu ích nếu đăng một cách tiếp cận hơi khác. Tôi sử dụng một phương thức có tên isValue trả về true cho tất cả các giá trị ngoại trừ null, undefined, NaN và Infinity. Lồng trong NaN với null và không xác định là lợi ích thực sự của hàm đối với tôi. Việc gộp Infinity vào với null và undefined còn nhiều tranh cãi hơn, nhưng thành thật mà nói thì điều đó không thú vị với mã của tôi vì tôi thực tế không bao giờ sử dụng Infinity.

Đoạn mã sau được lấy cảm hứng từ Y.Lang.isValue . Đây là nguồn cho Y.Lang.isValue.

/**
 * A convenience method for detecting a legitimate non-null value.
 * Returns false for null/undefined/NaN/Infinity, true for other values,
 * including 0/false/''
 * @method isValue
 * @static
 * @param o The item to test.
 * @return {boolean} true if it is not null/undefined/NaN || false.
 */
angular.isValue = function(val) {
  return !(val === null || !angular.isDefined(val) || (angular.isNumber(val) && !isFinite(val)));
};

Hoặc là một phần của nhà máy

.factory('lang', function () {
  return {
    /**
     * A convenience method for detecting a legitimate non-null value.
     * Returns false for null/undefined/NaN/Infinity, true for other values,
     * including 0/false/''
     * @method isValue
     * @static
     * @param o The item to test.
     * @return {boolean} true if it is not null/undefined/NaN || false.
     */
    isValue: function(val) {
      return !(val === null || !angular.isDefined(val) || (angular.isNumber(val) && !isFinite(val)));
  };
})

lodash cung cấp một phương thức viết tắt để kiểm tra xem không xác định hay không: _.isNil(yourVariable)