亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript引用類型Function實(shí)例詳解

 更新時(shí)間:2018年08月09日 10:40:43   作者:筱葭  
這篇文章主要介紹了JavaScript引用類型Function,結(jié)合實(shí)例形式詳細(xì)分析了javascript引用類型Function概念、定義、原理、相關(guān)使用技巧與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了JavaScript引用類型Function。分享給大家供大家參考,具體如下:

Function類型

函數(shù)是對(duì)象,函數(shù)名是指針:每個(gè)函數(shù)都是Function類型的實(shí)例。由于函數(shù)是對(duì)象,因此函數(shù)名是一個(gè)指向函數(shù)對(duì)象的指針,不會(huì)與某個(gè)函數(shù)綁定,一個(gè)函數(shù)可能會(huì)有多個(gè)名字。

function getSum(a, b) {
  return a + b;
}
alert(getSum(2, 3));//5
var copy = getSum;
alert(copy(2, 3));//5
getSum = null;
alert(copy(2, 3));//5

定義函數(shù)的方式有三種:函數(shù)聲明、函數(shù)表達(dá)式、Function構(gòu)造函數(shù)。

Function構(gòu)造函數(shù)接收任意數(shù)量的參數(shù),前面的參數(shù)枚舉了函數(shù)的參數(shù),最后一個(gè)參數(shù)是函數(shù)體。一般不推薦使用Function構(gòu)造函數(shù)定義函數(shù)。

var getSum = new Function("a", "b", "return a + b";

JavaScript沒有函數(shù)重載的概念,若聲明了兩個(gè)同名函數(shù),則后面的函數(shù)會(huì)覆蓋前面的函數(shù)。

由于函數(shù)名本身是變量,因此函數(shù)也可以作為值來使用,不僅可以傳遞一個(gè)函數(shù)作為參數(shù),還可以將函數(shù)作為返回值。

function callFunction(func, arguments) {
  return func(arguments);
}
function sayHello(name) {
  return "Hello, " + name;
}
var result = callFunction(sayHello, "Alice");
alert(result);//Hello, Alice

①、函數(shù)聲明

function 函數(shù)名稱(參數(shù)|可選) { 函數(shù)體 }

例:

function func1(){// 聲明,程序的一部分
  function func() {// 聲明,函數(shù)體的一部分
    ...//函數(shù)體
  }
}

②、函數(shù)表達(dá)式

function 函數(shù)名稱|可選(參數(shù)|可選) { 函數(shù)體 }

例1:

var fun = function func() {};//表達(dá)式,賦值表達(dá)式的一部分

例2:

new function func(){};//表達(dá)式,new表達(dá)式

例3:

(function func(){});
//表達(dá)式,包含在分組操作符——括號(hào)()內(nèi),括號(hào)()內(nèi)只能包含表達(dá)式

例4:

[function func() {}];//表達(dá)式,數(shù)組初始化器內(nèi)只能是表達(dá)式

例5:

1, function func() {};//表達(dá)式,逗號(hào)只能操作表達(dá)式

③、函數(shù)構(gòu)造器

函數(shù)構(gòu)造器創(chuàng)建的函數(shù)的[[Scope]]屬性僅包含全局對(duì)象。

<script>
  var a = 1;
  func1();
  function func1() {
    var a = 2;
    var b = 3;
    var func2 = new Function("alert(a); alert(b);");
    func2();//1,b is not defined
  }
</script>

函數(shù)構(gòu)造器創(chuàng)建的函數(shù)func2可以從全局對(duì)象中取得變量a,但全局對(duì)象中沒有b,因此報(bào)錯(cuò):b未定義。

函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別

1)函數(shù)聲明在進(jìn)入上下文階段創(chuàng)建,在代碼執(zhí)行階段就已經(jīng)可用了,函數(shù)表達(dá)式則是在代碼執(zhí)行階段才創(chuàng)建,所以函數(shù)聲明可以提升,但函數(shù)表達(dá)式則不能。

函數(shù)聲明提升:

func();//Function declaration
function func(){
  alert("Function declaration");
}

函數(shù)表達(dá)式不能提升:

func();//報(bào)錯(cuò):func is not a function
var func = function (){
  alert("Function expression");
}

2)函數(shù)聲明影響變量對(duì)象VO,也就是存儲(chǔ)在上下文的VO中的變量對(duì)象,函數(shù)表達(dá)式不影響變量對(duì)象VO,不存在于變量對(duì)象中,這意味著既不可能通過名稱在函數(shù)聲明之前調(diào)用它,也不可能在聲明之后調(diào)用它。但是,函數(shù)表達(dá)式在遞歸調(diào)用中可以通過名稱調(diào)用自身。

例1:

alert(func); //報(bào)錯(cuò):func is not a function。定義之前不可用,因?yàn)樗诖a執(zhí)行階段創(chuàng)建
(function func() {});
alert(func); //報(bào)錯(cuò):func is not a function。定義之后也不可用,因?yàn)樗辉谧兞繉?duì)象VO中

例2:

(function func(param) {
  if (param) {
    return;
  }
  func(true);//func可用,遞歸調(diào)用可以通過名稱調(diào)用自身
})();
func(); // func is not a function,外部不可用

3)函數(shù)聲明只能出現(xiàn)在程序或函數(shù)體內(nèi),不能出現(xiàn)在表達(dá)式或塊({ … })中,如if、while或for語句中。因?yàn)镴avaScript無塊級(jí)作用域,只有函數(shù)和全局作用域。 函數(shù)表達(dá)式出現(xiàn)在表達(dá)式的位置。

函數(shù)聲明:有的瀏覽器會(huì)返回if,而有的瀏覽器會(huì)返回else。

if (true) {
  function func() {
    alert('if');
  }
}
else {
  function func() {
    alert('else');
  }
}
func();

函數(shù)表達(dá)式:所有瀏覽器都返回if。

var func;
if (true) {
  func = function() {
    alert('if');
  };
}
else {
  func = function() {
    alert('else');
  };
}
func();

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • uniapp微信小程序強(qiáng)制更新解決示例詳解

    uniapp微信小程序強(qiáng)制更新解決示例詳解

    這篇文章主要為大家介紹了uniapp微信小程序強(qiáng)制更新解決的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • 如何用threejs實(shí)現(xiàn)實(shí)時(shí)多邊形折射

    如何用threejs實(shí)現(xiàn)實(shí)時(shí)多邊形折射

    這篇文章主要介紹了如何用threejs實(shí)現(xiàn)實(shí)時(shí)多邊形折射,對(duì)three.js庫感興趣的同學(xué),可以參考下
    2021-05-05
  • axios的簡單封裝以及使用實(shí)例代碼

    axios的簡單封裝以及使用實(shí)例代碼

    一般我們?cè)谧鲆粋€(gè)大型項(xiàng)目的時(shí)候,需要用到很多接口時(shí),我們?yōu)榱朔奖闶褂?就把接口封裝起來,這篇文章主要給大家介紹了關(guān)于axios簡單封裝以及使用的相關(guān)資料,需要的朋友可以參考下
    2021-06-06
  • 基于JS實(shí)現(xiàn)01支付后的10秒倒計(jì)時(shí)

    基于JS實(shí)現(xiàn)01支付后的10秒倒計(jì)時(shí)

    這是一個(gè)通過js實(shí)現(xiàn)的支付后的頁面,點(diǎn)擊支付會(huì)跳出一個(gè)彈窗,提示你是否要確定支付,確定后進(jìn)入付后界面,該頁面有著10秒倒計(jì)時(shí),計(jì)時(shí)結(jié)束后便會(huì)返回原界面,也可以選擇立刻返回,來返回主頁面,這篇文章主要介紹了基于JS實(shí)現(xiàn)01支付后的10秒倒計(jì)時(shí),需要的朋友可以參考下
    2023-03-03
  • JavaScript鼠標(biāo)移動(dòng)事件以及實(shí)戰(zhàn)案例

    JavaScript鼠標(biāo)移動(dòng)事件以及實(shí)戰(zhàn)案例

    在學(xué)習(xí)JS中我對(duì)鼠標(biāo)移動(dòng)事件進(jìn)行了一些總結(jié),需要的可以作參考,下面這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)移動(dòng)事件以及實(shí)戰(zhàn)案例的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-05-05
  • Jquery代碼實(shí)現(xiàn)圖片輪播效果(一)

    Jquery代碼實(shí)現(xiàn)圖片輪播效果(一)

    經(jīng)理交給我一個(gè)網(wǎng)站新聞資訊網(wǎng)頁開發(fā)的活兒,對(duì)于我這樣的java程序員,沒有接觸過網(wǎng)頁設(shè)計(jì)這么高端的東東,該怎么搞呢,去度娘那搜索到不少結(jié)果,而且很大部分都是用jquery做的,于是根據(jù)自己的一些的理解,提供了這篇jquery輪播效果的講解,有需要的朋友可以來參考下
    2015-08-08
  • splitChunks精細(xì)控制代碼分割降低包大小

    splitChunks精細(xì)控制代碼分割降低包大小

    這篇文章主要為大家介紹了如何使用splitChunks精細(xì)控制代碼分割來實(shí)現(xiàn)降低包大小的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • JavaScript實(shí)現(xiàn)HTML5游戲斷線自動(dòng)重連的方法

    JavaScript實(shí)現(xiàn)HTML5游戲斷線自動(dòng)重連的方法

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)HTML5游戲斷線自動(dòng)重連的方法,需要的朋友可以參考下
    2017-09-09
  • js獲取 type=radio 值的方法

    js獲取 type=radio 值的方法

    這篇文章主要介紹了js如何獲取type=radio值,需要的朋友可以參考下
    2014-05-05
  • 原生js實(shí)現(xiàn)旋轉(zhuǎn)木馬效果

    原生js實(shí)現(xiàn)旋轉(zhuǎn)木馬效果

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)旋轉(zhuǎn)木馬效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-02-02

最新評(píng)論