首頁 >web前端 >css教學 >JS裡內建函數和自訂函數怎麼使用

JS裡內建函數和自訂函數怎麼使用

php中世界最好的语言原創: 2017-11-28 13:51:252533瀏覽

今天跟大家說一下JS的內建函數和自訂函數，JS的內建函數和自訂函數怎麼使用，JS的內建函數和自訂函數使用的時候有哪些注意事項，以下給大家舉兩個案例。

執行JS程式碼，有兩種方式，一種是刷新介面，一種是寫在點擊事件裡面，在進行點擊的時候，執行JS程式碼

##函數的參數：放在定義函數中的是形式參數（形參），沒有個數的限制，呼叫函數傳遞的值是實參，形參與實參是對應的

變數的訪問就取值和賦值

寫在script標籤之間的變數叫做全域變數（頂級變數）,該

變數的作用域是頂級作用域

當變數定義在某個函數中時僅在該函數內才可以存取到該變數

JS在尋找變數遵循向上尋找規則(優先尋找自身作用域內的變數)

只要

定義一個函數就會產生一個作用域

作用域查找規則就是作用鏈

優先查找自身作用域的變量，向上查詢

不會執行向下查找

現在的a是一個全域變數

一、javascript內建函數

escape函數：把傳入字串進行url編碼。

unescape函數：把傳入的url編碼轉為原始字串。

要注意的是，url編碼規則：

（1）英文字母數字：不進行編碼。

（2）空白標點符號：轉為%xx字串，例如空白字元轉換為%20.

（3）中文字：轉為%xxxx字串，為16進制。

<!doctype html>  
<html>  
 <head>  
    <meta charset="gb2312">  
    <title>实验</title>  
    </script>   
 </head>  
   
 <body>  
    <script language="javascript">  
           
        var str = "javascript学习基础";  
   
        var strEscape = escape(str);              
        var strOriginal = unescape(strEscape);    
   
        console.log(strEscape);  // javascript%u5B66%u4E60%u57FA%u7840  
        console.log(strOriginal);// javascript学习基础  
    </script>  
 </body>  
</html>

自訂函數

可以不帶參數、帶參數、包含回傳值。

<!doctype html>  
<html>  
 <head>  
    <meta charset="gb2312">  
    <title>实验</title>  
    <script language="javascript">  
           
        //带2个参数，返回值  
        function f2(a,b)  
        {  
            return a + parseInt(b);  
        }  
           
        //不带参数，无返回值  
        function f1()  
        {  
            var r;  
            r = f2(2,&#39;8xx&#39;);  
            document.write(r);    
        }  
    </script>  
 </head>  
   
 <body>  
    <script language="javascript">  
        f1(); //输出10  
    </script>  
 </body>  
</html>

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！