angularjs學習筆記—工具方法

vboy1010 發布于2019-08-21 10:28 / 733人閱讀

摘要：作用返回一個新的函數，綁定這個函數的指向參數新函數的上下文對象需要綁定的函數傳遞給函數的參數返回值指向的新函數注意會根據你的參數類型來決定調用或，所以可以是一個個數據，也可以是一個數組哦。

angular.bind(self, fn, args)

作用：返回一個新的函數，綁定這個函數的this指向self

參數：

self：新函數的上下文對象

fn：需要綁定的函數

args：傳遞給函數的參數

返回值：this指向self的新函數

var obj = {
    name: "xxx",
    print: function (country) {
        console.log(this.name + " is form " + country);
    }
};

var self = {
    name: "yyy"
};


var bindFn = angular.bind(self, obj.print, "China");
//var bindFn = angular.bind(self, obj.print, ["China"]);

obj.print("American"); //$ xxx is form American
bindFn(); //$ yyy is form China

注意：bind會根據你的參數類型來決定調用call或apply，所以args可以是一個個數據，也可以是一個數組哦。

angular.copy(source, [destination])

作用：對象的深拷貝

參數：

source：源對象

destination：拷貝的對象

返回值：拷貝的對象

var obj = {
    name: "xxx",
    age: 50
};


var copyObj = angular.copy(obj);

console.log(copyObj); //$ Object {name: "xxx", age: 50}

angular.equals(o1, o2)

作用：正常比較和對象的深比較

參數：

o1：比較的對象

o2：比較的對象

返回值：boolean

angular.equals(3, 3); //$ true
angular.equals(NaN,NaN); //$ true
angular.equals({name:"xxx"},{name:"xxx"}); //$ true
angular.equals({name:"xxx"},{name:"yyy"}); //$ false

angular.extend(dst, src)

作用：對象的拓展

參數：

dst：拓展的對象

src：源對象

返回值：拓展的對象

var dst = {name: "xxx", country: "China"};
var src = {name: "yyy", age: 10};

angular.extend(dst, src);

console.log(src); //$ Object {name: "yyy", age: 10}
console.log(dst); //$ Object {name: "yyy", country: "China", age: 10}

angular.forEach(obj, iterator, [context])

作用：對象的遍歷

參數：

obj：對象

iterator：迭代函數

context：迭代函數中上下文

返回值：obj

var obj = {name: "xxx", country: "China"};

angular.forEach(obj, function (value, key) {
    console.log(key + ":" + value);
});

//$ name:xxx
//$ country:China

var array = ["xxx", "yyy"];

angular.forEach(array, function (item, index) {
    console.log(index + ":" + item + " form " + this.country);
}, obj);

//$ 0:xxx form China
//$ 1:yyy form China

angular.fromJson(string)

作用：字符串轉json對象

參數：

string：字符串

返回值：json對象

var json = angular.fromJson("{"name":"xxx","age":34}");

console.log(json); //$ Object {name: "xxx", age: 34}

angular.toJson(json,pretty)

作用：json對象轉字符串

參數：

json：json

pretty：boolean number 控制字符串輸出格式

返回值：字符串

angular.toJson({name:"xxx"});
//$ "{"name":"xxx"}"

angular.toJson({name:"xxx"},true);
//$ "{
//$    "name": "xxx"
//$ }"

angular.toJson({name:"xxx"},10);
//$ "{
//$            "name": "xxx"
//$ }"

angular.identity(value)

作用：返回這個函數的第一個參數

參數：

value：參數

返回值：第一個參數

console.log(angular.identity("xxx","yyy")); //$ xxx

angular.isArray(value)

作用：判斷一個數據是否是數組

參數：

value：數據

返回值：boolean

angular.isArray(3); //$ false
angular.isArray([]); //$ true
angular.isArray([1, 2, 3]); //$ true
angular.isArray({name: "xxx"}); //$ false

angular.isDate(value)

作用：判斷一個數據是否是Date類型

參數：

value：數據

返回值：boolean

angular.isDate("2012-12-02"); //$ false
angular.isDate(new Date()); //$ true

angular.isDefined(value)

作用：判斷一個數據是否是defined類型

參數：

value：數據

返回值：boolean

angular.isDefined(undefined) //$ false
angular.isDefined([]); //$ true

angular.isUndefined(value)

作用：判斷一個數據是否是undefined類型

參數：

value：數據

返回值：boolean

angular.isUndefined(undefined) //$ true
angular.isUndefined([]); //$ false

angular.isFunction(value)

作用：判斷一個數據是否是函數

參數：

value：數據

返回值：boolean

angular.isFunction(function(){}); //$ true
angular.isFunction(3); //$ false

angular.isNumber(value)

作用：判斷一個數據是否是Number類型

參數：

value：數據

返回值：boolean

angular.isNumber(4); //$ true
angular.isNumber("xxx"); //$ false
angular.isNumber(new Number(4)); //$ false
angular.isNumber(Number(4)); //$ true

angular.isObject(value)

作用：判斷一個數據是否是對象

參數：

value：數據

返回值：boolean

angular.isObject("xxx"); //$ false      
angular.isObject(null); //$ false
angular.isObject([]); //$ true
angular.isObject(function(){}); //$ false
angular.isObject({name:"xxx"}); //$ true

angular.isString(value)

作用：判斷一個數據是否是字符串

參數：

value：數據

返回值：boolean

angular.isString(4); //$ false
angular.isString("xxx"); //$ true
angular.isString(new String("xxx")); //$ false
angular.isString(String("xxx")); //$ true

angular.lowercase(string)

作用：將字符串大寫字母變小寫

參數：

string：字符串

返回值：改變后的新字符串

var newString = angular.lowercase("XXyyZZ");
console.log(newString); //$ xxyyzz

angular.uppercase(string)

作用：將字符串小寫字母變大寫

參數：

string：字符串

返回值：改變后的新字符串

var newString = angular.uppercase("XXyyZZ");
console.log(newString); //$ XXYYZZ

angular.noop()

作用：空函數

var flag = false;    
flag ? console.log("xxx") : angular.noop();

GPU云服務器云服務器學習筆記學習筆記一基礎學習筆記深度學習筆記

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85590.html

angularjs+springMvc學習筆記

摘要：回調說白了，就是把函數當參數傳給另一根函數，在另一個函數執行時調用此函數例如，在下面這段代碼中，上面定義了兩個函數和，下面的方法請求成功執行，失敗執行異步異步的原理我看了網上的一些博客和例子，大都以定時任務為例子說明，但具體的原理我還是不太回調說白了，就是把函數當參數傳給另一根函數，在另一個函數執行時調用此函數例如，在下面這段代碼中，上面定義了兩個函數success和error，下...

dreamGong 2019-08-23 11:59 評論0 收藏0
angularjs+springMvc學習筆記

摘要：回調說白了，就是把函數當參數傳給另一根函數，在另一個函數執行時調用此函數例如，在下面這段代碼中，上面定義了兩個函數和，下面的方法請求成功執行，失敗執行異步異步的原理我看了網上的一些博客和例子，大都以定時任務為例子說明，但具體的原理我還是不太回調說白了，就是把函數當參數傳給另一根函數，在另一個函數執行時調用此函數例如，在下面這段代碼中，上面定義了兩個函數success和error，下...

rozbo 2019-08-19 11:10 評論0 收藏0
AngularJS學習筆記(1) --- 執行過程

摘要：前言由于在博客系統的開發中和近期工作中的前端框架主要使用因此在這里記錄學習和使用的過程中遇到的一些需要記錄的點。執行過程弄清楚的執行過程是很重要的，這樣你才能在正確的時機做正確的事。至此，的執行過程也就告一段落了。前言由于在博客系統的開發中和近期工作中的前端框架主要使用 AngularJS ,因此在這里記錄學習和使用 AngularJS 的過程中遇到的一些需要記錄的點。特別說明，本...

taohonghui 2019-08-20 14:06 評論0 收藏0
angularjs學習筆記——使用requirejs動態注入控制器

摘要：最近一段時間在學習，由于覺得直接使用它需要加載很多的文件，因此想使用來實現異步加載，并動態注入控制器。手動啟動，特別說明此處的不是那個框架，而是的一個手動啟動框架的函數中完成了各模塊的初始化，并且引入了。最近一段時間在學習angularjs，由于覺得直接使用它需要加載很多的js文件，因此想使用requirejs來實現異步加載，并動態注入控制器。簡單搜索了下發現好多教程寫的都很復雜，所...

王軍 2019-08-19 18:07 評論0 收藏0
《Build your own AngularJS》筆記分享

摘要：初次寫文章，請多多包涵我最近正在根據這本書從頭開始實現了一遍的框架。筆記目錄鏈接個人認為本書對于想了解框架源碼的讀者來說相當有用，完全值得去購買這本書書本主頁。因為是初學者，筆記里可能有一些錯誤，我也會繼續修改。（初次寫文章，請多多包涵）我最近正在根據《Build your own angularJS》這本書從頭開始實現了一遍AngularJS的框架。我把相關的源碼和我的個人學習筆...

firim 2019-08-19 17:44 評論0 收藏0