收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > JS基礎入門 > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

javascript Function函數理解與實戰

Function函數是javascript的基礎也是實現功能的一個引爆點,我們通過實例分析讓你對Function函數有一個更加深刻的理解以及在實際中的用法講解。

Function 確實是一個對象.而我們定義的任何一個函數其實都是Function 對象的一個實例,也可以理解為指向 Function 對象的一個實例.

既然是對象的一個實例,那肯定指向了Function 類型的一個引用. 既然指向了一個引用類型的內存地址,那你也可以簡單的把我們定義的函數理解為一個變量,這個變量指向了一個引用類型的地址,這個地址指向了Function 對象的一個實例.

既然我們定義的函數其實是一個變量,那這個函數實例地址可以同時指向多個變量.

看下面的代碼:

var add = new Function("n", "m", "return n + m");

上面是標準的函數定義,調用了Function對象的構造函數,這個構造函數把前面的N個參數都默認為新函數的參數,直到最后一個參數認為是新函數的函數體.

從上面的語句中非常直觀的看到 add這個變量指向了一個Function 類型的實例,但是這種命名方法非常繁瑣,等價于:

(1)函數表達式

var add=function(n,m){
return n+m;
}

(2)函數申明

function add(n,m){
return n+m;
}

由于javascript語言中的申明提前,所以一版提倡用第二種方法定義函數,關于函數申明提前單獨開辟一篇來說

但是第一種定義方法讓人很直觀看到 add 是一個指向函數實例的一個變量.

既然是一個變量,就可以賦值給其他變量,可以當做參數在函數中傳遞,也可以從函數返回.

所以 var add2=add3=add; 現在 三個變量都指向了這個實例的引用, 現在 add=null; 以后 add2,add3 倆個函數完全可以使用不受影響,因為add 移除函數對象的引用后指向了null的引用.所以根本不影響add2 和 add3 兩個函數.

所以函數可以當做其他函數的參數傳入.

所以函數可以當做函數的返回值返回.

因為函數名只是一個指向函數實例的變量,所以javascript中函數不會有 重載,因為相同的變量指向的是相同的引用地址.最后表示的還是同一個函數.

函數既然是對象的實例,那么就應該有屬性,就應該有方法.所以javascript中的 函數有屬性也有方法.

比較重要的4個屬性 arguments , this , length , prototype

arguments 表示當前函數的參數類數組,這個屬性很特殊,他自己還有個屬性叫 callee ,

arguments.callee 屬性保存了一個指針,指針指向了擁有此 arguments 屬性的函數實體(也就相當于函數名)

this屬性是當前環境,類似與C# 中的this,表示當前上下文

length 屬性表示當前函數接收最大參數個數

prototype 表示該函數的原型,也就是把對象實例的方法完整的保存下來,換句話說就是原型上的方法都繼承下來了.比如 toString() valueOf() 等.

接下來,我們來看看function函數種類

普通函數:介紹普通函數的特性:同名覆蓋、arguments對象、默認返回值等。

function ShowName(name) {
 alert(name);
}

匿名函數:介紹匿名函數的特性:變量匿名函數、無名稱匿名函數。

//變量匿名函數,左側可以為變量、事件等
var anonymousNormal = function (p1, p2) {
 alert(p1+p2);
}
anonymousNormal(3,6);//輸出9

閉包函數:介紹閉包函數的特性。

function funA() {
 var i = 0;
 function funB() { //閉包函數funB
  i++;
  alert(i)
 }
 return funB;
}
var allShowA = funA(); //全局變量引用:累加輸出1,2,3,4等
 
function partShowA() {
 var showa = funA();//局部變量引用:只輸出1
 showa();
}

如何讓你的JS代碼更好看易讀
作為JS程序員,自己寫的代碼如果好看易讀,不只是自己看起來好看,在別的程序員接手以后,也會是交接工作異常順利。不要在代碼中留大段注釋掉的

基于js 字符串indexof與search方法的區別(詳解)
1.indexof方法indexOf()方法可返回某個指定的字符串值在字符串中首次出現的位置。語法:注意:有可選的參數(即設置開始的檢索位置)。2、search方法sear

淺析四種常見的Javascript聲明循環變量的書寫方式
Javascript中的循環變量聲明,到底應該放在哪兒?習慣1:不聲明直接使用functionloop(arr){for(i=0;iarr.length;i++){//dosomething}}非常危險的使用習慣,一般情況下

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
手游棋牌游戏运营
女生稳赚的创业项目 pk10人工计划网页 中国足彩网 宝乐有限公司 全民炸金花可以提现金 网易彩票网手机版 贵州时时彩 快三最容易中奖的打法 北京pk10历史开奖记录 福建时时软件下载 投注限红是什么意思 捕鱼达人4 娱乐快3平台 重庆时时历史开奖网站 云南时时前三走势图带连线 pk10直播