前端之js中的函式
阿新 • • 發佈：2018-12-06
函式
函式就是重複執行的程式碼片。
函式定義與執行
<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檔案比較安全