前端之js中的函數


函數
函數就是重復執行的代碼片。
 
函數定義與執行
<script type="text/javascript">
    // 函數定義
    function fnAlert(){
        alert('hello!');
    }
    // 函數執行
    fnAlert();
</script>
可以先調用再定義 即預解析(第一遍不執行,第二遍執行)
 
函數'return'關鍵字
函數中'return'關鍵字的作用:
    1.返回函數中的變量或者對象
    2.結束函數的運行
    3.如果沒有返回值會返回undefined
 
條件語句:
    條件運算符
==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、
!(否)
== 默認會將符號兩邊的變量轉換成相同類型即隱式轉換
===不會轉換數據類型
elif 要拆開寫 else if
格式:if(條件){
條件成立時的語句
}
 
獲取元素方法:
    使用內置對象document的getElementByld獲取頁面上設置了id屬性的元素
 
格式:
    window.onload = function(){
    var oDiv = document.getElementByld("標簽");
    oDiv.屬性 = ""
    }
 
操作元素屬性
    var 變量 = 元素.屬性名 讀取屬性
    元素.屬性名 = 新屬性值 改寫屬性
 
屬性名在js中的寫法
    1、html的屬性和js里面屬性寫法一樣
    2、“class” 屬性寫成 “className”
    3、“style” 屬性里面的屬性,有橫杠的改成駝峰式,比                如:“font-size”,改成”style.fontSize”
    innerHTML 可以操作標簽中的文字
 
在js中,函數都有返回值,如果沒有顯示使用return返回值,name返回值就是undefined
在js中,函數也是一個對象,函數名實際是指向函數對象的一個引用
 
數組:
    創建:
        var aList01 = new Array(1,2,3); 面向對象的方式,性能不高
        var aList02 = ['a','b','c']; 直接量方式 常用
        獲取數組成員個數:
            var iLen = aList02.legth;
        操作數組的某個成員:
            alert( aList02[2] );
        數組后邊增加成員:
            aList02.push('e');
        數組后邊刪除成員:
            aList02.pop();
        數組反轉:
            alist02.reverse();
        獲取某個成員在數組中第一次出現的索引值:
            var iPos = aList.indexOf("數組中某個數據")
            如果返回值大於0 說明有這個數據,反之小於0,表示沒有該數據
        同時在數組中刪除添加數據:
            aList.splice(4,1,123) 從索引4開始刪除一個數據 再添加上123
        將數組轉換成字符串:
            var sTr = aList.join()
 
字符串處理方法
    1、字符串合並操作:“ + ”
    2、parseInt() 將數字字符串轉化為整數
    3、parseFloat() 將數字字符串轉化為小數
    4、split() 把一個字符串分隔成字符串組成的數組
    5、indexOf() 查找字符串是否含有某字符
    6、substring() 截取字符串 用法: substring(start,end)(不包括end)
    字符串反轉
    var str = 'asdfj12jlsdkf098';
    var str2 = str.split('').reverse().join('');
    alert(str2);
 
 
 
循環語句:
    for循環:
    for(var i=0;i<len;i++(即i+=1)){
    }
 
定時器:
    創建一次執行的 setTimeout
    關閉 clearTimeout
    創建循環執行的定時器 setInterval
    關閉clearInterval
 
封閉函數
    封閉函數是javascript中匿名函數的另外一種寫法,創建一個一開始就執行而不用命名的函數。
    封閉函數:
        (function(){
            alert('hello!');
        })();
    封閉函數的作用:
        封閉函數可以創造一個獨立的空間,在封閉函數內定義的變量和函數不會影響外部同名的函數和變量,可以避免命名沖突,在頁面上引入多個js文件時,用這種方式添加js文件比較安全


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM