每天一篇javascript學(xué)習(xí)小結(jié)(Function對(duì)象)
小編兩天都沒(méi)有更新文章了,小伙伴們是不是等著急了,今天開(kāi)始再繼續(xù)我們的《每天一篇javascript學(xué)習(xí)小結(jié)》系列文章,希望大家繼續(xù)關(guān)注。
1、Function 函數(shù)調(diào)用(類(lèi)似call方法)
function callSomeFunction(someFunction, someArgument){
return someFunction(someArgument);
}
function add10(num){
return num + 10;
}
var result1 = callSomeFunction(add10, 10);//調(diào)用add10 把參數(shù)10傳給add10
alert(result1); //20
function getGreeting(name){
return "Hello, " + name;
}
var result2 = callSomeFunction(getGreeting, "Nicholas");
alert(result2); //Hello, Nicholas
2、函數(shù)返回函數(shù)
function createComparisonFunction(propertyName) {
return function(object1, object2){
var value1 = object1[propertyName];
var value2 = object2[propertyName];
if (value1 < value2){
return -1;
} else if (value1 > value2){
return 1;
} else {
return 0;
}
};
}
var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}];
data.sort(createComparisonFunction("name"));//sort函數(shù)接收一個(gè)函數(shù)作為排序的參考,函數(shù)createComparisonFuntion返回了一個(gè)匿名的排序函數(shù)
alert(data[0].name); //Nicholas
data.sort(createComparisonFunction("age"));
alert(data[0].name); //Zachary
3、apply()方法使用
function sum(num1, num2){
return num1 + num2;
}
function callSum1(num1, num2){
return sum.apply(this, arguments);//sum函數(shù)請(qǐng)求把callSum1的指針傳給自己,并作計(jì)算,此時(shí)的this指向callSum1
}
function callSum2(num1, num2){
return sum.apply(this, [num1, num2]);
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20
4、函數(shù)Arguments Caller使用
function outer(){
inner();
}
function inner(){
alert(inner.caller);
}
outer();
caller
//返回一個(gè)對(duì)函數(shù)的引用,該函數(shù)調(diào)用了當(dāng)前函數(shù)。
5、arguments.callee.caller
function outer(){
inner();
}
function inner(){
alert(arguments.callee.caller);
//argments.callee就是函數(shù)體本身,arguments.callee.caller就是函數(shù)體的調(diào)用函數(shù)體
}
outer();
function factorial(num){
if (num <= 1) {
return 1;
} else {
return num * arguments.callee(num-1)//callee當(dāng)前函數(shù)的引用即factorial函數(shù)本身的函數(shù)體
}
}
var trueFactorial = factorial;
factorial = function(){
return 0;
};
alert(trueFactorial(5)); //120
alert(factorial(5)); //0
6、Funtion bind()方法
window.color = "red";
var o = { color: "blue" };
function sayColor(){
alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor(); //blue
/*
bind主要是為了改變函數(shù)內(nèi)部的this指向,這個(gè)是在ECMA5以后加入的,所以IE8一下的瀏覽器不支持
bind方法會(huì)創(chuàng)建一個(gè)新函數(shù),稱(chēng)為綁定函數(shù).當(dāng)調(diào)用這個(gè)綁定函數(shù)時(shí),綁定函數(shù)會(huì)以創(chuàng)建它時(shí)傳入bind方法的第一個(gè)參數(shù)作為this,
傳入bind方法的第二個(gè)以及以后的參數(shù)加上綁定函數(shù)運(yùn)行時(shí)本身的參數(shù)按照順序作為原函數(shù)的參數(shù)來(lái)調(diào)用原函數(shù).
*/
7、Function call()方法
window.color = "red";
var o = { color: "blue" };
function sayColor(){
alert(this.color);
}
sayColor(); //red
sayColor.call(this); //red 此時(shí)this指向window
sayColor.call(window); //red 同上
sayColor.call(o); //blue 此時(shí)sayColor的指針指向o
function sum(num1, num2){
return num1 + num2;
}
function callSum(num1, num2){
return sum.call(this, num1, num2);
}
alert(callSum(10,10)); //20
8、函數(shù)長(zhǎng)度length
function sayName(name){
alert(name);
}
function sum(num1, num2){
return num1 + num2;
}
function sayHi(){
alert("hi");
}
alert(sayName.length); //1
alert(sum.length); //2
alert(sayHi.length); //0
//實(shí)際返回的是函數(shù)的參數(shù)的長(zhǎng)度
以上就是今天的javascript學(xué)習(xí)小結(jié),之后每天還會(huì)繼續(xù)更新,希望大家繼續(xù)關(guān)注。
相關(guān)文章
微信公眾平臺(tái) 客服接口發(fā)消息的實(shí)現(xiàn)代碼(Java接口開(kāi)發(fā))
這篇文章主要介紹了微信公眾平臺(tái) 客服接口發(fā)消息的實(shí)現(xiàn)代碼(Java接口開(kāi)發(fā)),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-04-04
JavaScript中如何對(duì)多維數(shù)組(矩陣)去重的實(shí)現(xiàn)
這篇文章主要介紹了JavaScript中如何對(duì)多維數(shù)組(矩陣)去重的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
Window.Open如何在同一個(gè)標(biāo)簽頁(yè)打開(kāi)
這篇文章主要介紹了Window.Open如何在同一個(gè)標(biāo)簽頁(yè)打開(kāi),需要的朋友可以參考下2014-06-06
JavaScript限定范圍拖拽及自定義滾動(dòng)條應(yīng)用(3)
這篇文章主要介紹了JavaScript限定范圍拖拽及自定義滾動(dòng)條應(yīng)用的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
javascript 不停(setInterval)/延時(shí)(setTimeout)函數(shù)使用實(shí)例
如果想實(shí)現(xiàn)頁(yè)面的一些函數(shù)的定時(shí)執(zhí)行,需要用到下面的函數(shù)大家可以看下用法。2009-08-08
js實(shí)現(xiàn)溫度計(jì)時(shí)間樣式代碼分享
本文主要介紹了javascript實(shí)現(xiàn)溫度計(jì)時(shí)間樣式,推薦給大家,有需要的小伙伴可以參考下。2015-08-08

