国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

JavaScript的各種常見函數定義方法_javascript技巧

來源:懂視網 責編:小采 時間:2020-11-27 21:27:15
文檔

JavaScript的各種常見函數定義方法_javascript技巧

JavaScript的各種常見函數定義方法_javascript技巧:本文詳細講述了JavaScript的各種常見函數定義方法,分享給大家供大家參考。具體分析如下: 首先看一下JavaScript最常見的四種函數定義: 用Function構造函數定義的函數,代碼如下: var multiply = new Function('x', 'y', 'retu
推薦度:
導讀JavaScript的各種常見函數定義方法_javascript技巧:本文詳細講述了JavaScript的各種常見函數定義方法,分享給大家供大家參考。具體分析如下: 首先看一下JavaScript最常見的四種函數定義: 用Function構造函數定義的函數,代碼如下: var multiply = new Function('x', 'y', 'retu

本文詳細講述了JavaScript的各種常見函數定義方法,分享給大家供大家參考。具體分析如下:

首先看一下JavaScript最常見的四種函數定義:

用Function構造函數定義的函數,代碼如下:

函數聲明,這種方式也是最為常見的一種:

函數表達式,聲明為匿名函數然后賦值給一變量,很常見的方式:

函數表達式,但是函數聲明為命名函數再賦值給一變量,長得跟上一種方式真像:

首先比較一下函數名,以及將函數賦值給的那個函數變量直接的關系,真繞……直觀一點兒,從剛剛的例4說吧,就是multiply這個函數變量與multi這個函數名的關系:

函數名是不能夠被修改的,相反的,函數變量是可以重新被賦值的。函數變量可以被重新賦值應該很好理解,我們第4個例子剛剛定義的multiply這個變量,看它不順眼,重新賦值為:

立馬搖身一變,從乘法變成加法了。但是multi這個函數變量想變就是不可能的了,函數定義已經在那兒了,只要還保留這它的引用,它就是不會變的,可能這里不大好理解,先這樣想著,往下看,慢慢就應該能理解了。

函數名同時是無法在函數外部使用的,它只在函數體內部可見,一個很簡單的例子:

和明顯,這里的bar確實是一個函數名,但是它確實不能在外部調用。這時候肯定會有童鞋問干嘛這個例子還是長得那么乖,和例4一個樣,怎么不用例2的方式呢?問得好,且聽我慢慢分解。

繼續說例4,我們可以看見函數名(multi)和函數變量(multiply),本不相同,其實兩者根本就沒有任何關系,因此沒有保持一致的必要。說到這兒,我想上面4個例子應該可以精簡到3個,例2和例4本質應該是一致的。什么,不信?嘻嘻,我還得繼續賣關子哈~繼續讀下去~~

我們發現例2和例4相比,只不過少了var的函數變量,而例3與例4相比,只不過少了那個函數名,這里從現象上看,例2和例4的本質是相同的,鐵證如下:

的確是鐵證吧?上面的類似例2的代碼結合起來寫是不是就成例4的方式了?正確,這就是我剛剛所說的兩者本質應該相同,只是用例2方式定義函數的時候,JS引擎幫我們做了一些事情,比如聲明了函數名為multiply的函數,同時還悄悄定義了一個也叫multiply的變量,然后賦值給這個變量,兩個完全一樣的名字,我們自以為在使用函數名multiply的時候,實際是在用multiply這個函數變量,暈了吧~說實話,我也暈了~~總之我們調用的時候,實在用函數變量調用,而函數名是無法在外部調用函數的,因此有了我上述的推斷。

但是這里要提到的一個小小的差別,函數聲明方式定義的函數,與構造函數聲明的或者函數表達式聲明的不同之處在于,函數聲明方式的函數可以在函數定義之前就調用……不說了,還是看代碼:

再說說構造函數聲明的函數,這樣聲明的函數是不會繼承當前聲明位置的作用域,它默認只會擁有全局作用域,然而這個是其他幾種函數聲明方式也一樣有的,如下:

可以想見,用構造函數聲明返回的這個函數執行必然報錯,因為其作用域(即全局作用域)中沒有hi這個變量。

還有一點,就是往往大家要說構造函數方式聲明的函數效率要低,這是為什么呢?今天從文檔是得知是因為另外3種方式申明的函數只會被解析一次,其實他們存在于閉包中,但是那也只與作用域鏈有關,函數體是只會被解析一次的。但是構造函數方式呢,每次執行函數的時候,其函數體都會被解析一次,我們可以想想這樣聲明的函數是一個對象,其中存放了參數以及函數體,每次執行的時候都要先解析一次,參數和函數體,才會執行,這樣必然效率低下。具體實驗不知道如何做?

最后說一個大家都不怎么注意的地方,什么時候看似函數聲明方式的方式卻不是函數生命方式(還是這么繞~簡單點兒說,就是例2的方式什么時候在不經意間就成其他方式了):

當成為表達式的一部分,就如同例3和例4。
不再是腳本本身或者函數的“源元素”(source element)。什么是源元素呢?即在腳本中的非嵌套語句或者函數體(A "source element" is a non-nested statement in the script or a function body),例如:

源元素的概念大概有了理解,繼續剛剛說的函數聲明,請看:

最后這里說一下我自己的理解,之所以要區分函數聲明與非函數聲明,因為在我看了,函數聲明方式的函數定義,在JS解析引擎執行的時候會將其提前聲明,也就是像我們剛剛上面說的那樣,可以在函數定義之前使用,實際上是解析引擎在我們使用前已經將其解析了,但是非函數聲明式,就像表達式函數聲明,JS解析引擎只會把var聲明的變量提前定義,此時變量值為undefined,而真正對這個變量的賦值是在代碼實際所在位置,因此上述提到報錯都是undefined,實際變量已經定義了,只是還沒有賦值,JS解析引擎不知道它為函數。

相信本文所述對大家javascript WEB程序設計的有一定的借鑒價值。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JavaScript的各種常見函數定義方法_javascript技巧

JavaScript的各種常見函數定義方法_javascript技巧:本文詳細講述了JavaScript的各種常見函數定義方法,分享給大家供大家參考。具體分析如下: 首先看一下JavaScript最常見的四種函數定義: 用Function構造函數定義的函數,代碼如下: var multiply = new Function('x', 'y', 'retu
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产最新网址 | 美女a毛片 | 99久久免费国产精品特黄 | 欧美综合自拍亚洲综合百度 | 国产精品久久久久… | 国产成人亚洲综合91精品555 | 欧美va在线 | 久久国产经典 | 亚洲国产精品一区二区久久 | 欧美一区二区三区免费播放 | 亚洲欧美日韩在线观看 | 九九精品免视看国产成人 | 在线观看视频国产 | 欧美三级一区 | 国产成人高清亚洲一区91 | 久久亚洲精品国产精品婷婷 | 久久国产片| 国产成人精品第一区二区 | 欧美激情网址 | 色老头久久久久久久久久 | 在线观看色视频网站 | 一级毛片免费视频 | 精品国产亚洲一区二区三区 | 国产日韩欧美在线观看不卡 | 91在线免费看 | 日韩一级精品久久久久 | 国产精品一区二区综合 | 欧美色图在线观看 | 欧美日韩一 | 久久久无码精品亚洲日韩按摩 | 久久精品视频一区二区三区 | 亚洲国产 | 午夜免费啪啪 | 可以免费看的毛片 | 亚洲精品免费观看 | 特一级大黄在线观看 | 国产在线视频资源 | 国产成人高清一区二区私人 | 国产69精品久久久久999 | 国产成人免费高清激情明星 | 波多野吉衣在线观看 |