萬惡的function在javascript中的運用例項分析
javascript中最有特色而又讓你困惑的function算一個了
下面看一下常用操作
複製程式碼 程式碼如下:
function doit(){
.....
}
doit();
javascript中的函式我們可以把它當作方法使用
複製程式碼 程式碼如下:
var obj=new Object();
=function(){
.....
}
();
而function實際上就是物件(即Function型別的例項)
複製程式碼 程式碼如下:
function result(num1, num2) {
return num1 + num2;
}
var result = new Function("num1", "num2", "return num1+num2");
以上執行效果是一樣的,同時function result還可以這樣寫(即函式表示式)
複製程式碼 程式碼如下:
var result=function(num1,num2){
return num1+num2;
}
這倆種寫法的唯一區別是function是優先執行,而函式表示式是程式碼執行到才執行,另外每個函式內部都有一個類似陣列的arguments物件
函式執行動態引數,即
複製程式碼 程式碼如下:
function result(){
return arguments[0]+arguments[1];
}
result(1,2);
arguments在動態傳遞引數方面經常使用
既然說function是物件,那麼它應該也具體屬性
複製程式碼 程式碼如下:
function person(){
....
}
="xxxx";
=function(){
alert();
}
(); //alert("xxxx")
我們還可以把它當成類,而函式體相當於建構函式
複製程式碼 程式碼如下:
function Person(nm){
=nm;
=function(){
alert(nm);
alert();
}
}
var p1=new Person("ygm1");
(); //alert ygm1 ygm1
var p2=new Person("ygm2");
(); //alert ygm2 ygm2
注意這裡要用 因為this代表的是當前物件,如果直接alert(name) 求的是window物件的屬性,同時傳進來的引數nm在方法say中可以直接用,其實這涉及到作用域鏈,每個function體就是一個作用域,子域可以訪問到父域的屬性,而反過來卻不行(其實也是可以取到的,設計到閉包一些知識,這裡不做詳解..)
與其他一些OO語言相比,每個類都可以有一些靜態屬性或方法,而javascript通過原型來模擬以達到每個物件共享其屬性
複製程式碼 程式碼如下:
function Person(num) {
.....
}
= "ygm";
alert(new Person());
但OO語言的靜態方法都是由類去呼叫,不能例項化本身的.,javascript中由於其特殊性恰好相反
注意這裡alertPerson的name屬性,如果函式體內沒有查詢到name則會到原型中去找,如果查詢到則會遮蔽原型中的name直接返回其值
其實每建立一個function的同時也建立了一個原型物件,而原型物件引用自object,所以object是所有物件的基類
我們可以重寫原型物件
otype=new ParentPerson();
Person的原型物件指向ParentPerson物件,而ParentPerson物件又指向自己的原型物件...,也就形成了原型鏈...
好了 今天就寫到這裡...
-
關於HTML meat作用
meta標籤用於網頁的與中,meta標籤的用處很多。meta的屬性有兩種:name和http-equiv。name屬性主要用於描述網頁,對應於content(網頁內容),以便於搜尋引擎機器人查詢、分類(目前幾乎所有的搜尋引擎都使用網上機器人自動查詢meta值來給網頁分類)。這其中最重要的是descrip...
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字型、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予使用者完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
WAP的簡介
WAP協議被設計用來在無線客戶端(比如行動電話)上展示因特網內容。您應當具備的基礎知識在繼續學習之前,您需要對下面的知識有基本的瞭解:WWW,HTML以及有關網頁構建的基礎知識JavaScriptXML如果您希望首先學習這些專案,請在我們的首頁訪問這些教程。什麼是WAP?無線產...
-
關於javascript使用isNaN()函式判斷變數是否為數字
javascript中判斷變數是否為數字的方法,這裡主要介紹javascript裡的isNaN()函式。功能:isNaN()函式用於檢查其引數是否是非數字值。語法:isNaN(x)x必需。要檢測的值。返回值:如果x是特殊的`非數字值NaN(或者能被轉換為這樣的值),返回的值就是true。如果x是其他值,則返...
相關文章
- JavaScript中建立字典物件(dictionary)的例項
- 淺析javascript中function 的length屬性
- javascript中Function型別詳細介紹
- java如何利用java.net.URLConnection傳送HTTP請求
- JavaScript如何實現JSON.stringify
- JavaScript中Function函式
- JavaScript instanceof 的使用方法有哪些
- javascript中(function{})()寫法解析
- 託福英語寫作範文:Examinations exert a pernicious influence on educat
- javascript之Function物件學習小結