Angular封裝了一係列公共方法，幫助我們更簡單的使用 JS。

1、angular.bind()

angular.bind 類似於 Function.prototype.bind，實現函數柯裏化，返回一個函數代理。eg:

//函數原型
angular.bind(/*this對象*/self, /*要封裝的function*/fn, /*參數列表*/args);
//原始函數

function fun(arg1, arg2, arg3) {
  console.log(this);
  console.log(arg1);
  console.log(arg2);
  console.log(arg3);
}
fun('arg1', 'arg2', 'arg3');
//如果幾個常用參數都是固定的，而且該函數被調用頻繁，那麼就可以包裝一下
var fun2 = angular.bind(window, fun, 'arg1', 'arg2');
//新的調用方式
fun2('arg3');

2、angular.bootstrap()

用於使用 angular 執行渲染元素。也是 angular 的啟動方法，如果沒有 在頁麵上指定ng-app，必須要手動調用該函數進行啟動。

angular.bootstrap(/*Dom元素*/element, /*Array/String/Function*/[modules], /*Object*/[config]);

//常規用法
angular.bootstrap(document, ['app'])
//帶配置項
angular.bootstrap(document, ['app'], {strictDi: true/*Defaults: false*/})

3、angular.copy()

Angular.copy 用於複製對象，由於 angular 的雙向綁定特點，那麼如果直接操作 $scope 對象，那麼很容易就會改變 ui 的顯示，這個時候就需要借助 angular.copy 來創建一個對象副本，並進行操作。

//原型
angular.copy(source, [destination]);

var obj = {a: 1};
var obj2 = angular.copy(obj);
var obj3;
angular.copy(obj, obj3);
console.log(obj2 === obj) //false
console.log(obj3 === obj) //false
var obj4;
//第二個和參數和返回值是相等的，而且第二個參數不管以前是什麼，都會被重新賦值
var obj5 = angular.copy(obj, obj4);
console.log(obj4 === obj5); //true

4、angular.element()

等價與 jQuery 的選擇器，如果在 angular 之前沒有引入 jQuery，那麼就使用 jqLite 包裝。

angular.element('body');
//等價於
$('body');

//用法
var $body = angular.element('body');

5、angular.equals()

用於比較兩個對象是否相等，如下示例的規則和 JS 有區別，注意識別。

var obj1 = {a: 1};
var obj2 = obj1;
//引用一致，則相等
console.log(angular.equals(obj1, obj2)); // true

obj2 = {a: 1};
//引用不一致，對象表現一致，則相等
console.log(angular.equals(obj1, obj2)); // true

obj2 = {a: 1,$a: 2};
//對象比較時，忽略以$開頭的屬性
console.log(angular.equals(obj1, obj2)); // true

obj1 = /aa/;
obj2 = /aa/;
//正則表達式表現相等，則相等
console.log(angular.equals(obj1, obj2)); // true

//NaN與NaN比較，則相等
console.log(angular.equals(NaN, NaN)); // true

6、angular.extend()

功能上和 jQuery.extend 沒多大差異：

//原型-第一個參數為目標，之後的參數為源，同時返回dst
angular.extend(dst, src);

//示例
var obj1 = {a: 1};
var obj2 = angular.extend(obj1, {a: 2}, {b: 3});
console.log(obj1)
console.log(obj1 === obj2); //true

7、angular.forEach()

angular.forEach 用於遍曆對象或者數組，類似於 ES5 的 Array.prototype.forEach。

//原型
angular.forEach(obj, iterator, [context]);

var values = {name: 'misko', gender: 'male'};
var arr = ['misko', 'male'];
angular.forEach(values, function (value, key) {
  console.log(key + ' = ' + value);
});
angular.forEach(arr, function (value, i) {
  console.log(i + ' = ' + value);
});
//還可以傳遞this
var obj = {};
angular.forEach(values, function (value, key) {
  obj[key] = value;
}, obj);
console.log(obj);

8、angular.fromJson()

angular.fromJson 將 JSON 字符串轉換為 JSON 對象，注意，必須嚴格滿足 JSON 格式，比如屬性必須雙引號，該函數內部實現是利用 JSON.parse()。

//原型
angular.fromJson(/*string*/ jsonString)

var jsonString = '{"p1": "xx", "p2": 1, "p3": true}';
var jsonObj = angular.fromJson(jsonString);
console.log(jsonObj);

9、angular.toJson()

angular.toJson 可以將對象，數組，日期，字符串，數字轉換為 json 字符串

//原型
angular.toJson(obj, pretty);

var obj = {p1: 1, p2: true, p3: '2'};
var jsonString = angular.toJson(obj);
console.log(jsonString);
//美化輸出格式（設置為true，默認采用2個字符縮進）
jsonString = angular.toJson(obj, true);
console.log(jsonString);
//還可以設置縮進字符數
jsonString = angular.toJson(obj, 10);
console.log(jsonString);

10、angular.identity()

angular.identity 返回該函數參數的第一個值。編寫函數式代碼時，非常有用（待使用）。

//官方示例
function transformer(transformationFn, value) {
  return (transformationFn || angular.identity)(value);
};
//簡單演示
var value = angular.identity('a', 1, true);
console.log(value); // 'a'

11、angular.injector()

angular.injector 能夠創建一個 injector 對象，可以用於檢索 services 以及用於依賴注入。

//原型，[strictDi]默認false，如果true，表示執行嚴格依賴模式，
//angular則不會根據參數名稱自動推斷類型，必須使用['xx', function(xx){}]這種形式。
angular.injector(modules, [strictDi]); 

//定義模塊A
var moduleA = angular.module('moduleA', [])
  .factory('F1', [function () {
    return {
      print: function () {
        console.log('I\'m F1 factory');
      }
    }
  }]);
var $injector = angular.injector(['moduleA'])
$injector.invoke(function (F1) {
  console.log(F1.print());
});
//此種寫法會報錯，因為是嚴格模式
var $injector2 = angular.injector(['moduleA'], true)
$injector2.invoke(function (F1) {
  console.log(F1.print());
});
//可以采用如下寫法
$injector2.invoke(['F1', function (F1) {
  console.log(F1.print());
}]);

12、angular.module()

angular.module 可以說是最常用的 function 了。通過它，可以實現模塊的定義，模塊的獲取。

//定義模塊A
var moduleA = angular.module('moduleA', []);
//定義模塊B，模塊B依賴moduleA
var moduleB = angular.module('moduleB', ['moduleB']);

//可以在第三個參數上設置配置函數
var moduleB = angular.module('moduleB', ['moduleB'], ['$locationProvider', function ($locationProvider) {
  console.log($locationProvider);
}]);
//等價於
var moduleB = angular.module('moduleB', ['moduleB'])
.config(['$locationProvider', function ($locationProvider) {
  console.log($locationProvider);
}]);

//獲取模塊
angular.bootstrap(document, ['moduleB']);

13、angular.isArray()

angular.isArray 用於判斷對象是不是數組，等價於 Array.isArray。

console.log(angular.isArray([])); // true
console.log(angular.isArray({0: '1', 1: '2', length: 2})); // false

14、angular.isDate()

通過判斷 toString.call(value) 是不是等於 '[object Date]' 來判斷對象是個是一個 Date 對象。

console.log(angular.isDate(new Date())); // true
console.log(angular.isDate(223)); // false

15、angular.isDefined()

判斷對象或者屬性是否定義

var obj = {a: 1, b: null, c: undefined};
console.log(angular.isDefined(obj.a)); // true
console.log(angular.isDefined(obj.b)); // true
console.log(angular.isDefined(obj.c)); // false
console.log(angular.isDefined(obj.d)); // false

16、angular.isElement()

此方法判斷元素是不是一個元素（包含dom元素，或者jquery元素）

console.log(angular.isElement(document.getElementsByTagName('body')[0])); // true
console.log(angular.isElement($('body'))); // true

17、angular.isFunction()

此方法判斷對象是不是一個 function ，等價於 typeof fn === 'function'

console.log(angular.isFunction(new Function('a', 'return a'))); // true
console.log(angular.isFunction(function(){})); // true
console.log(angular.isFunction({})); // false

18、angular.isNumber()

判斷是否為數字

function isNumber(value) {
  return typeof value === 'number';
}

19、angular.isObject()

判斷是否為對象

function isObject(value) {
  return value !== null && typeof value === 'object';
}

20、angular.isString()

判斷是否為字符串

function isString(value) {
    return typeof value === 'string';
}

21、angular.isUndefined()

判斷變量是否未定義

function isUndefined(value) {
    return typeof value === 'undefined';
}

22、angular.lowercase()

轉換字符串為小寫模式，如果參數不是字符串，那麼原樣返回

var lowercase = function(string) {
  return isString(string) ? string.toLowerCase() : string;
};

console.log(angular.lowercase(1)); // 1
console.log(angular.lowercase('ABCdef')); // 'abcdef'

23、angular.uppercase()

轉換字符串為大寫模式，如果參數不是字符串，那麼原樣返回

var uppercase = function(string) {
  return isString(string) ? string.toUpperCase() : string;
};

console.log(angular.uppercase(1)); // 1
console.log(angular.uppercase('ABCdef')); // 'ABCDEF'

24、angular.merge()

將多個對象進行深度複製，與extend()不同，merge將會遞歸進行深度拷貝。該拷貝是完全深拷貝，就連對象引用也不一樣。

var o = {};
var obj1 = {a1: 1, a2: 2, a3: [1]};
var obj2 = {b1: [2], b2: /abc/};
var obj3 = [o];
var obj4 = {d: o};
var result = angular.merge({}, obj1, obj2, obj3);
console.log(result);
console.log(result[0] === o); // false
console.log(result.d === o); // false

25、angular.noop()

一個空函數，調試時非常有用。可以避免 callback 未定義引發的 error。

function foo(callback) {
  var result = calculateResult();
  (callback || angular.noop)(result);
}

26、angular.reloadWithDebugInfo()

啟用 DebugInfo，該設置優先級高於 $compileProvider.debugInfoEnabled(false)