angularjs學(xué)習(xí)筆記—工具方法

vboy1010 發(fā)布于2019-08-21 10:28 / 737人閱讀

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

angular.bind(self, fn, args)

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

參數(shù)：

self：新函數(shù)的上下文對象

fn：需要綁定的函數(shù)

args：傳遞給函數(shù)的參數(shù)

返回值：this指向self的新函數(shù)

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會根據(jù)你的參數(shù)類型來決定調(diào)用call或apply，所以args可以是一個個數(shù)據(jù)，也可以是一個數(shù)組哦。

angular.copy(source, [destination])

作用：對象的深拷貝

參數(shù)：

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)

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

參數(shù)：

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)

作用：對象的拓展

參數(shù)：

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])

作用：對象的遍歷

參數(shù)：

obj：對象

iterator：迭代函數(shù)

context：迭代函數(shù)中上下文

返回值：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)

作用：字符串轉(zhuǎn)json對象

參數(shù)：

string：字符串

返回值：json對象

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

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

angular.toJson(json,pretty)

作用：json對象轉(zhuǎn)字符串

參數(shù)：

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)

作用：返回這個函數(shù)的第一個參數(shù)

參數(shù)：

value：參數(shù)

返回值：第一個參數(shù)

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

angular.isArray(value)

作用：判斷一個數(shù)據(jù)是否是數(shù)組

參數(shù)：

value：數(shù)據(jù)

返回值：boolean

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

angular.isDate(value)

作用：判斷一個數(shù)據(jù)是否是Date類型

參數(shù)：

value：數(shù)據(jù)

返回值：boolean

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

angular.isDefined(value)

作用：判斷一個數(shù)據(jù)是否是defined類型

參數(shù)：

value：數(shù)據(jù)

返回值：boolean

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

angular.isUndefined(value)

作用：判斷一個數(shù)據(jù)是否是undefined類型

參數(shù)：

value：數(shù)據(jù)

返回值：boolean

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

angular.isFunction(value)

作用：判斷一個數(shù)據(jù)是否是函數(shù)

參數(shù)：

value：數(shù)據(jù)

返回值：boolean

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

angular.isNumber(value)

作用：判斷一個數(shù)據(jù)是否是Number類型

參數(shù)：

value：數(shù)據(jù)

返回值：boolean

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

angular.isObject(value)

作用：判斷一個數(shù)據(jù)是否是對象

參數(shù)：

value：數(shù)據(jù)

返回值：boolean

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

angular.isString(value)

作用：判斷一個數(shù)據(jù)是否是字符串

參數(shù)：

value：數(shù)據(jù)

返回值：boolean

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

angular.lowercase(string)

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

參數(shù)：

string：字符串

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

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

angular.uppercase(string)

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

參數(shù)：

string：字符串

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

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

angular.noop()

作用：空函數(shù)

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

云服務(wù)器 GPU云服務(wù)器學(xué)習(xí)筆記學(xué)習(xí)筆記一基礎(chǔ)學(xué)習(xí)筆記深度學(xué)習(xí)筆記

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85590.html

發(fā)表評論

登陸后可評論

0條評論

vboy1010

男|高級講師

我要關(guān)注我要私信

TA的文章

菜鳥筆記(5)——VS（Visual Studio）的一些常用的設(shè)置，( 使用printf和scan

閱讀 2480·2021-09-27 13:36
前端面試必問題答疑（2）

閱讀 2171·2019-08-29 18:47
CSS預(yù)編譯語言Less的用法總結(jié)

閱讀 2140·2019-08-29 15:21
CSS 字體(例如font-awesome)，使用子域名之后不能正確顯示

閱讀 1404·2019-08-29 11:14
雪碧圖sprity 合并多圖使用心得

閱讀 1989·2019-08-28 18:29
向CSS創(chuàng)始人之一Bert Bos提問！

閱讀 1634·2019-08-28 18:04
IE 8 瀏覽器 placeholder 兼容性處理

閱讀 581·2019-08-26 13:58
JavaScript sort() 對json進行排序(數(shù)組)

閱讀 3217·2019-08-26 12:12

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

angularjs學(xué)習(xí)筆記—工具方法

相關(guān)文章

angularjs+springMvc學(xué)習(xí)筆記

angularjs+springMvc學(xué)習(xí)筆記

AngularJS學(xué)習(xí)筆記(1) --- 執(zhí)行過程

angularjs學(xué)習(xí)筆記——使用requirejs動態(tài)注入控制器

**《Build your own AngularJS》筆記分享**

發(fā)表評論

0條評論

vboy1010

男|高級講師

TA的文章

菜鳥筆記(5)——VS（Visual Studio）的一些常用的設(shè)置，( 使用printf和scan

前端面試必問題答疑（2）

CSS預(yù)編譯語言Less的用法總結(jié)

CSS 字體(例如font-awesome)，使用子域名之后不能正確顯示

雪碧圖sprity 合并多圖使用心得

向CSS創(chuàng)始人之一Bert Bos提問！

IE 8 瀏覽器 placeholder 兼容性處理

JavaScript sort() 對json進行排序(數(shù)組)

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

angularjs學(xué)習(xí)筆記—工具方法

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！