Невизначений або нульовий для AngularJS

Коли я пишу функції обробки годинника, я перевіряю параметр newVal на undefinedта null. Чому AngularJS має таку поведінку, але не має конкретного методу корисності? Так що є, angular.isUndefinedале ні angular.isUndefinedOrNull. Це не складно виконати вручну, але як розширити кутовий, щоб мати цю функцію в кожному контролері? Tnx.

Редагувати :

Приклад:

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

Чи є загальновизнаною практикою застосовувати такий спосіб?

Редагувати 2 :

Приклад 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);
    });
};

Ви завжди можете додати його саме для своєї програми

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

Я пропоную вам написати власну комунальну службу. Ви можете включити службу до кожного контролера або створити батьківський контролер, призначити службову службу до своєї сфери дії, і тоді кожен дочірній контролер успадкує це без необхідності його включати.

Приклад: 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;
});

Або ви також можете додати його до rootScope. Лише кілька варіантів розширення кута за допомогою власних функцій утиліти.

Я задав те ж саме питання утримувачам лодашів деякий час назад, і вони відповіли, згадавши, що !=тут можна використовувати оператора:

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

Тут використовується примус типу JavaScript для перевірки значення для undefinedабо null.

Якщо ви використовуєте JSHint для накладання коду, додайте наступні блоки коментарів, щоб повідомити, що ви знаєте, що робите - більшу частину часу !=вважають поганим.

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

Чому б просто не використовувати angular.isObjectіз запереченням? напр

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

Відповідь @ STEVER задовільна. Однак я вважав, що може бути корисно опублікувати дещо інший підхід. Я використовую метод, який називається isValue, який повертає true для всіх значень, крім null, undefined, NaN та Infinity. Накопичення NaN із нулем та невизначеним - це справжня перевага функції для мене. Накладання Infinity на null і undefined є більш дискусійним, але, чесно кажучи, не таким цікавим для мого коду, оскільки я практично ніколи не використовую Infinity.

Наступний код натхненний Y.Lang.isValue . Ось джерело для 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)));
};

Або як частина заводу

.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 надає скорочений метод для перевірки невизначеності чи нуля: _.isNil(yourVariable)