首頁 > web前端 > js教程 > Javascript學習之js函數(心得小結)

Javascript學習之js函數(心得小結)

青灯夜游
發布: 2018-10-29 16:48:20
轉載
3127 人瀏覽過

這篇文章帶給大家的內容是介紹在Javascript學習過程中的關於js函數的心得小結。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

Javascript函數是由事件驅動的或是當他被呼叫時執行的可重複使用的程式碼區塊。所以說我們光創建了函數不呼叫是沒有啥用的,我們必須要呼叫它才能執行。

1.什麼是函數

(1)函數是完成某一功能的程式碼段

(2)函數是可重複執行的程式碼段

(3)函數方便維護與管理

2.建立函數時我們應該注意些什麼?

(1)函數名稱嚴格區分大小寫

(2)函數名稱重複會產生覆蓋

(3)函數名稱最好語義化

#3.觸發函數

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <button onclick="Click()">点击按钮调用函数</button>
    <script>
        function Click(){
            alert('调用成功!');
        }
    </script>
</body>
</html>
登入後複製

4.實作預設參數的函數

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
    function calc(x,y){
        x=x||0;
        y=y||0;
        return x+y;
    }
      alert(calc());
      alert(calc(1,2));
    </script>
</body>
</html>
登入後複製

5.可變參詞形式的函數

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        function test(){
            var sum = 0 ;
            var allNum = arguments.length ; //定义allNum为传入参数的个数
            for(var i=0;i<allNum;i++){
                sum+=arguments[i];//sum = sum + arguments[i]
                document.write(arguments[i]);
            }
            return sum;
        }
        alert(test(1,2,4));
    </script>
</body>
</html>
登入後複製

6.變數作用域

(1)局部變數:在函數體內宣告的變量,僅在函數體內可以使用

(2)全域變數:全域變量,在申明變數到腳本結束後都可以使用

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        var x=1;
        function test(){
            document.write('1.函数体内的x的值为:'+x+'<br />');
            x=19;
            document.write('2.此时函数体内重新对x值赋值,此时x的值为:'+x+'<br />');
        }
        document.write('3.函数体外的x值:'+x+'<br />');//因为读写顺序先执行这段代码然后在执行函数 test()
        test();
        document.write('4.函数体外的x值:'+x+'<br />');
    </script>
</body>
</html>
登入後複製

這只是個人的學習的心得,那裡有不足之處請提出來。謝謝各位大牛指點! !

以上是Javascript學習之js函數(心得小結)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板