JavaScript學習-方法（函式）操作
阿新 • • 發佈：2018-12-15
一、建立
1.1 無參無返回值
1.1.1 語法
function 函式名(){
//功能語句;
}
1.1.2 示例
function 函式名(){
alert("彈出提示框了！");
}
1.2 無參有返回值
1.2.1 語法
function 函式名(){
//功能語句;
}
1.2.2 示例
function 函式名(){
var x=5;
return x;
}
1.3 有參無返回值
1.3.1 語法
function 函式名(形參1,形參2){
//功能語句;
}
1.3.2 示例
function 函式名(name){
alert(name+"!"+"回家吃飯了！") 1.4 有參有返回值
1.4.1 語法
function 函式名(形參1,形參2){
//功能語句;
return ;
}
1.4.2 示例
function 函式名(a,b) {
var sum = a + b;
return sum;
}
二、呼叫
2.1 系統方法呼叫
2.1.1 無參呼叫
語法：物件.方法()
// 暫未找到
2.1.2 有參呼叫
語法：物件.方法(實參)
document.getElementById("cs").classList.add("colorRED");
2.2 函式呼叫
2.2.1 無參無返回值
語法：函式名() 示例：
<body 2.2.2 無參有返回值
語法：函式名()
function 函式名(){
var x=5;
return x;
}
var b = 函式名();
console.log(b);
2.2.3 有參無返回值
語法：函式名(實參1, 實參2)
function 函式名(name){
alert(name+"!"+"回家吃飯了！");
}
函式名("小明");
2.2.4 有參有返回值
語法：函式名(實參1, 實參2)
<body>
<input type="text" id="i1"/>
<input type="text" id="i2" />
<button onclick="result()">=</button>
<input type="text" id="i3" />
<script type="text/javascript">
function result(){
var a = parseInt(document.getElementById("i1"));
var b = parseInt(document.getElementById("i2"));
// 呼叫函式sum，並傳值a和b。
document.getElementById("i3").value = sum(a,b);
}
function sum(numberOne,numberTwo) {
var total = numberOne + numberOne;
// 返回值為total。
return total;
}
</script>
</body>