javascript之Function對象學習小結
1、Function 函數調用(類似call方法)
function callSomeFunction(someFunction, someArgument){ return someFunction(someArgument); } function add10(num){ return num + 10; } var result1 = callSomeFunction(add10, 10);//調用add10 把參數10傳給add10 alert(result1); //20 function getGreeting(name){ return "Hello, " + name; } var result2 = callSomeFunction(getGreeting, "Nicholas"); alert(result2); //Hello, Nicholas
2、函數返回函數
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}]; (createComparisonFunction("name"));//sort函數接收一個函數作為排序的參考,函數createComparisonFuntion返回了一個匿名的排序函數 alert(data[0]); //Nicholas (createComparisonFunction("age")); alert(data[0]); //Zachary
3、apply()方法使用
function sum(num1, num2){ return num1 + num2; } function callSum1(num1, num2){ return y(this, arguments);//sum函數請求把callSum1的指針傳給自己,並作計算,此時的this指向callSum1 } function callSum2(num1, num2){ return y(this, [num1, num2]); } alert(callSum1(10,10)); //20 alert(callSum2(10,10)); //20
4、函數Arguments Caller使用
function outer(){ inner(); } function inner(){ alert(er); } outer();caller//返回一個對函數的引用,該函數調用了當前函數。
5、er
function outer(){ inner(); } function inner(){ alert(er); //ee就是函數體本身,er就是函數體的調用函數體 } outer();function factorial(num){ if (num <= 1) { return 1; } else { return num * ee(num-1)//callee當前函數的引用即factorial函數本身的函數體 } } var trueFactorial = factorial; factorial = function(){ return 0; }; alert(trueFactorial(5)); //120 alert(factorial(5)); //0
6、Funtion bind()方法
r = "red"; var o = { color: "blue" }; function sayColor(){ alert(r); } var objectSayColor = (o); objectSayColor(); //blue /* bind主要是為了改變函數內部的this指向,這個是在ECMA5以後加入的,所以IE8一下的`瀏覽器不支持 bind方法會創建一個新函數,稱為綁定函數.當調用這個綁定函數時,綁定函數會以創建它時傳入bind方法的第一個參數作為this, 傳入bind方法的第二個以及以後的參數加上綁定函數運行時本身的參數按照順序作為原函數的參數來調用原函數. */
7、Function call()方法
r = "red"; var o = { color: "blue" }; function sayColor(){ alert(r); } sayColor(); //red (this); //red 此時this指向window (window); //red 同上 (o); //blue 此時sayColor的指針指向o function sum(num1, num2){ return num1 + num2; } function callSum(num1, num2){ return (this, num1, num2); } alert(callSum(10,10)); //20
8、函數長度length
function sayName(name){ alert(name); } function sum(num1, num2){ return num1 + num2; } function sayHi(){ alert("hi"); } alert(th); //1 alert(th); //2 alert(th); //0 //實際返回的是函數的參數的長度
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
JavaScript中的style.cssText使用教程分解
很多人用過r、lay等直接設置元素的.樣式屬性,但是ext用過的人就不多了。cssText本質是什麼?cssText的本質就是設置HTML元素的style屬性值。cssText怎麼用?複製代碼代碼如下:lementById("d1")ext="color:red;font-size:13px;";看了這個示例後,相信不説,也知道ext是什...
-
JavaScript基本語法分析
一、JavaScript基本語法。(一)數據類型與變量類型。整數,小數,佈局,字符串,日期時間,數組強制轉換:parseInt()parseFloat()isNaN()(二)數組var數組名=newArray([長度]);//“假冒”數組th-長度a[下標]=值。a[下標](三)函數複製代碼代碼如下:function函數名(形參){}function...
相關文章
- 萬惡的function在javascript中的運用實例分析
- javascript中Function類型詳細介紹
- JavaScript中創建字典對象(dictionary)的實例
- java如何利用java.net.URLConnection發送HTTP請求
- 七年級英語Unit 12 My favorite subject is science 課後練習題答
- javascript中(function{})()寫法解析
- 託福英語寫作範文:Examinations exert a pernicious influence on educat
- JavaScript中Function函數
- JavaScript instanceof 的使用方法有哪些
- 淺析javascript中function 的length屬性