小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

JavaScript函數(shù)聲明和調(diào)用、有參函數(shù)和無參函數(shù)、返回值

 nxhujiee 2018-04-10

JavaScript函數(shù)聲明和調(diào)用、有參函數(shù)和無參函數(shù)、返回值

原創(chuàng) 2016年10月13日 19:10:28

<前言!>JavaScript變量的聲明     <變量是存儲數(shù)據(jù)的容器>

js中變量的聲明方式有兩種  

var 是聲明變量的關鍵字 <下面是有關鍵字和無關鍵字的區(qū)別>

1、顯式聲明 

[html] view plain copy
  1. <span style="font-size:18px;">var nSom=886;</span>  

2、隱式聲明

[html] view plain copy
  1. <span style="font-size:18px;">nSom=884;</span>  
變量聲明通常我使用匈牙利命名法:類型前綴+首字母大寫 簡單易懂      <詳細變量聲明請看博文:javaScript數(shù)據(jù)類型、變量命名規(guī)范>

s:表示字符串.n:表示數(shù)字.b:表示邏輯. a:表示數(shù)組.r:表示正則表達式.f:表示函數(shù) .o:表示對象 .g:表示全局變量.


1、JavaScript的函數(shù)聲明   <個人理解:函數(shù)是由事件驅(qū)動的或當函數(shù)調(diào)用時執(zhí)行的可重復利用的代碼塊>

函數(shù)的聲明一

[html] view plain copy
  1. function css(obj, name, value){  
  2.     if(arguments.length==2) //獲取  
  3.     {  
  4.         return obj.style[name];  
  5.     }  
  6.     else  
  7.     {  
  8.         obj.style[name]=value;  
  9.     }  
  10. }  

這樣的方法聲明一個函數(shù)  而第二種方法更像是表達式一樣聲明一個函數(shù)

函數(shù)的聲明二

[html] view plain copy
  1. var css=function(obj, name, value){  
  2.     if(arguments.length==2) //獲取  
  3.     {  
  4.         return obj.style[name];  
  5.     }  
  6.     else  
  7.     {  
  8.         obj.style[name]=value;  
  9.     }  
  10. }  
兩種函數(shù)聲明辦法的差別 JavaScript的編譯器對函數(shù)聲明與函數(shù)表達式并不是統(tǒng)一對待的, 對于第一種方法明顯是會優(yōu)先編譯. 確保函數(shù)在調(diào)用之前已經(jīng)被全部解析了,而第二種類似函數(shù)表達式的聲明函數(shù)的方法,只有當函數(shù)中的代碼塊被調(diào)用才會進行解析<每次調(diào)用都需要編譯解析>,so在通常的使用中,我們是用第一種函數(shù)的聲明多一點<如果以函數(shù)聲明的形式去定義這兩種定義的函數(shù)時,第二種會報錯,原因是第二種寫法不支持將調(diào)用語句寫在函數(shù)聲明之前>.

2、JavaScript函數(shù)的調(diào)用   <聲明了就要調(diào)用才會執(zhí)行,通俗一點就是聲明了不調(diào)用,那你聲明干啥?>

代碼如下:

[html] view plain copy
  1. <script type="text/javascript">   
  2.   function sum(a,b) { //函數(shù)聲明辦法一  
  3.     return a+b;       //返回  
  4.   }   
  5.    alert(sum(8,6));//函數(shù)的調(diào)用  
  6. t;span style="white-space:pre">  </span></script>  

這是簡單的函數(shù)聲明后調(diào)用,聲明函數(shù)后 只有當調(diào)用了才會執(zhí)行,不然就會和無用的代碼塊一樣.<除非加入自執(zhí)行符號!>

3、JavaScript有參函數(shù)與無參函數(shù)  <前言:參數(shù)用于將數(shù)據(jù)傳遞到函數(shù)內(nèi)部,有了參數(shù)之后函數(shù)能進行封裝,更好的進行二次使用.>

個人理解歡迎指正:無參函數(shù):是針對某個局部變量 只能一次使用,而不進行封裝的函數(shù), 通常只執(zhí)行一次

 有參函數(shù):利于封裝,能多次使用,很方便,所以<能夠整理出有參函數(shù)的辦法時盡量整理,達到多次循環(huán)使用>

下面是代碼:

[html] view plain copy
  1. function aa(b,c){//<函數(shù)的聲明aa> 當aa(b,c)是有參函數(shù)  當aa()是無函數(shù)   b,c是形參   
  2.     alert(b+c);  //b帶進去,是形參  
  3. }  
  4. window.onload=function (){  
  5.     aa('4','8')  // 實參/常量  實參傳給形參 <函數(shù)的調(diào)用>//aa('4','8')里面的叫做實參,真實的數(shù)值,常量。  
  6. };  
  7. //函數(shù)的傳參:實參給形參的過程  
在例子中我們聲明了有參函數(shù)aa 當有參函數(shù)aa后面的()括號里沒有參數(shù)的時候,那時aa就是無參函數(shù), 代碼中的b和c作為一個形參整理一下:函數(shù)首部的小括號沒有參數(shù)就是無參函數(shù),參數(shù)的作用是可以代替多次調(diào)用函數(shù)時,函數(shù)中部分需要改變的值. 參數(shù)分為實參和形參.

下面說一下什么是形參什么是實參

1、形參 解析:全稱"形式參數(shù)",用于定義方法的時候使用的參數(shù),目的用來接收調(diào)用該方法時傳遞的參數(shù)當只有在被調(diào)用時才會分配內(nèi)存單元,在調(diào)用結(jié)束,即刻釋放所分配的內(nèi)存單元因此,只在方法內(nèi)才有效<通常我們使用在函數(shù)中多一丟丟>

2、實參 解析:全稱"實際參數(shù)",用于調(diào)用時傳遞給方法的參數(shù),即傳遞給被調(diào)用方法的值,預先創(chuàng)建并賦予確定值,也可將實參看做常量

3、實參傳遞給形參的傳值調(diào)用傳值調(diào)用中,傳遞的參數(shù)類型是為常用的基本數(shù)據(jù)類型,參數(shù)視為形參,這里形參是可看做是未賦值的局部變量.

4、引用調(diào)用:引用調(diào)用中,在Java中,傳遞的參數(shù)類型是為引用數(shù)據(jù)類型,參數(shù)視為實參。在調(diào)用機制里,將實參的地址傳遞給了形參,形參上的改變實際上都發(fā)生在實參上,可以視為全局變量。

好,我們繼續(xù)

下面是一段實參傳參給形參的例子

[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="UTF-8">  
  5.         <title>傳參</title>  
  6.         <style type="text/css">  
  7.             body{padding: 50px;}  
  8.             .box{width: 200px;height: 200px;background: red;}  
  9.         </style>  
  10.         <script type="text/javascript">  
  11. <span style="white-space:pre">            </span>//函數(shù)的傳參:實參給形參的過程  
  12.             //傳參的例子  
  13.             function bianda(wd,w400){ //形參  
  14.                 var ob=document.getElementById('one');  
  15.                 ob.style[wd]=w400;  
  16.                 ob.style.height='400px';  
  17.                 ob.style.backgroundColor='green';  
  18.             }  
  19.             function bianx(wd,w200){ //形參  
  20.                 var ob=document.getElementById('one');  
  21.                 ob.style[wd]=w200;  
  22.                 ob.style.height='200px';  
  23.                 ob.style.backgroundColor='red';  
  24.             }  
  25.         </script>  
  26.     </head>  
  27.     <body>                                        <!--實參-->  
  28.         <div class="box" id="one" onmouseover="bianda('width','400px')" onmouseout="bianx('width','200px')"></div>  
  29.     </body>  
  30. </html>  
一般我們可以這樣理解傳參:實參給形參的過程.

4、JavaScript返回值   <除非必要的傳回,不然可有可無>

js中 return 是返回值它能返回控制以及返回函數(shù)處理的結(jié)果
首先說返回處理 語法: return 表達式; 語句結(jié)束函數(shù)執(zhí)行,之前調(diào)用的函數(shù),而且把表達式的值作為函數(shù)處理過的結(jié)果
接著是返回控制 語法: return; <返回控制是沒有函數(shù)結(jié)果的>
在有些情況下,為事件處理函數(shù)返回false,可以防止默認的事件行為
return false就相當于終止符阻止事件的運行 而return true 就相當于執(zhí)行符。 
在js中return false的作用一般是用來取消默認動作的。比如你單擊一個鏈接除了觸發(fā)你的 
onclick事件(如果你指定的話)以外還要觸發(fā)一個默認事件就是執(zhí)行頁面的跳轉(zhuǎn)。所以如果你想取消對象的默認動作就可以return false。
首先在js中,我們常用return false來阻止提交表單或者繼續(xù)執(zhí)行下面的代碼,通俗的來說就是阻止執(zhí)行默認的行為。
return false 只在當前函數(shù)有效,不會影響其他外部函數(shù)的執(zhí)行。
retrun true; 返回正確的處理結(jié)果。
return false;分會錯誤的處理結(jié)果,終止處理。
return;把控制權返回給頁面。

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多