欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解JavaScript自定義函數

 更新時間:2020年07月29日 16:22:02   作者:看云  
這篇文章主要介紹了JavaScript自定義函數的相關資料,文中講解非常細致,代碼幫助大家更好的理解和學習,感興趣的朋友可以了解下

一、定義方法:在Javascript中必須用function關鍵字

function funcName(arg1,arg2...)
{
statements;
return "變量值"; //返回值可以根據函數的需要
}

函數名是函數自身的一個引用。此種方式創(chuàng)立的函數引用是獨立存在的,無法刪除。

1、調用函數:函數名(參數列表)。

傳遞的參數不必與函數定義的參數個數一致,并且可以設定函數參數的默認值。

function example(a,b){
  var a = arguments[0] ? arguments[0] : 1;//設置參數a的默認值為
  var b = arguments[1] ? arguments[1] : 2;//設置參數b的默認值為2
  return a+b;
}
alert(example());  //輸出3

其他方法:設置默認參數方式

2、嵌套函數:在JS中,函數的定義中還可以再次定義新的函數

function say()
{
  function add(x,y)
  {
   return (x+y);
  }
  alert(add(2,3));
}
say(); //輸出5

內嵌函數add()只能在嵌套它的函數(say())中調用,而不能再外部調用。

3、條件函數:

var b = false;
if(b)
{
	function ex1()
	{
		alert(1);
	}
		ex1();
}
else
{
	function ex2()
	{
		alert(0);
	}
	     ex2();
}

輸出0,將b的值改為TRUE,則輸出1,不演示。條件函數的花括號不具有范圍限制,即可以在花括號外訪問函數。

二 、函數的特殊條用方式:網頁中的所有方法可以看做全局對象window對象的方法

function add(x,y)
{
	return x+y;
}
//1
alert(window.add(2,3));

//2
alert(window['add'](2,3));

以上結果均是5

三、函數表達式定義函數:匿名函數

1、定義方式:var fucName = function(arg1,arg2,...){statements;}

var add = function (x,y)
{
	return x+y;
}

alert(add(2,3));//輸出為5

其中,add是該函數的唯一引用,當add=null,該函數便不能再調用。

2、匿名自執(zhí)行函數:

(function(x,y)
	{
		alert(x + y) ;
	})(2,3);     //立即自動執(zhí)行,結果為5

3、匿名函數的用途

2.1  用于一次調用后就丟棄的函數

2.2  向prototype屬性附加函數以實現對象方法的定義

四、使用Function定義函數:

在JS中,Function為核心類的一種,而其他方式定義的函數也均作為對象對待,因為在JS中的OOP中,不存在類的概念,這是JS與Java、C#等語言的區(qū)別。

var add = new Function(“函數參數”,"函數體"); add為函數名,即函數的一個引用。

var add = new Function('x','y',"return x+y");
alert(add(2,3));

上述的結果為5.

五、閉包函數:當一個函數不位于它所處環(huán)境(變量的作用范圍)被調用,仍可使用本地變量(脫離了變量的作用范圍仍可使用該變量),這是閉包函數的顯著特征。

5.1    作為值從函數返回的函數是閉包函數

function B()
{
	var temp="abc";
	function A()
	{
		alert("閉包函數處理本地變量temp = "+temp);
	}
	return A;
}
var a = B();
a();

運行結果:(本地變量是函數內聲明的變量)

5.2   利用變量的作用范圍形成閉包函數

var F;
function B()
{
	var temp="abc";
	F=function ()
	{
		alert("利用變量范圍形成閉包函數處理本地變量temp = "+temp);
	}
}
B();
F();

運行結果

以上就是詳解JavaScript自定義函數的詳細內容,更多關于JavaScript自定義函數的資料請關注腳本之家其它相關文章!

相關文章

  • 淺談下拉菜單中的Option對象

    淺談下拉菜單中的Option對象

    Option 對象代表 HTML 表單中下拉列表中的一個選項。在 HTML 表單中 <option> 標簽每出現一次,一個 Option 對象就會被創(chuàng)建。您可通過表單的 elements[] 數組訪問一個 Option 對象,或者通過使用 document.getElementById()。
    2015-05-05
  • 微信小程序使用ECharts的示例詳解

    微信小程序使用ECharts的示例詳解

    echarts-for-weixin是ECharts官方維護的一個開源項目,提供了一個微信小程序組件,可以通過這個組件在微信小程序中使用?ECharts?繪制圖表。本文將通過示例詳解微信小程序使用ECharts的方法,感興趣的可以了解一下
    2022-06-06
  • 微信小程序自定義模態(tài)彈窗組件詳解

    微信小程序自定義模態(tài)彈窗組件詳解

    這篇文章主要為大家詳細介紹了微信小程序自定義模態(tài)彈窗組件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • JS預覽圖像將本地圖片顯示到瀏覽器上

    JS預覽圖像將本地圖片顯示到瀏覽器上

    本代碼從file域獲取本地圖片url并將本地圖片顯示到瀏覽器上,具體實現如下,感興趣的朋友可以參考下,希望對大家有所幫助
    2013-08-08
  • JavaScript 版本自動生成文章摘要

    JavaScript 版本自動生成文章摘要

    搜了搜這個,發(fā)現找不到答案。所以自己寫了一個,很多程序繞過這個問題,往往人工來決定在何處截斷 ,太麻煩了。
    2008-07-07
  • 使用JS畫圖之點、線、面

    使用JS畫圖之點、線、面

    這篇文章主要介紹了使用js繪制幾何圖形的基礎,繪制點、線、面,需要的朋友可以參考下
    2015-01-01
  • JavaScript實現數字數組按照倒序排列的方法

    JavaScript實現數字數組按照倒序排列的方法

    這篇文章主要介紹了JavaScript實現數字數組按照倒序排列的方法,涉及javascript中sort方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • 詳解ES6 系列之異步處理實戰(zhàn)

    詳解ES6 系列之異步處理實戰(zhàn)

    這篇文章主要介紹了詳解ES6 系列之異步處理實戰(zhàn),小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-10-10
  • JavaScript中關于數組的調用方式

    JavaScript中關于數組的調用方式

    這篇文章主要介紹了JavaScript中關于數組的調用方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-02-02
  • javascript的函數

    javascript的函數

    javascript的函數...
    2006-09-09

最新評論