1. 程式人生 > >JavaScript入門(四)JS函式

JavaScript入門(四)JS函式

前言

      本章學習js函式的相關知識

方法

1.函式的概念

說到函式,其實就是相當於Java中的方法。特別的是,js中的函式沒有像Java那樣複雜!

其作用與Java一樣,進行功能程式碼塊的封裝,減少程式碼的冗餘。

2.函式的宣告

  • 方式一:function 函式名(形參名1,形參名2……){執行體}(常用
function test1(a,b){
	return a+b;
}
  • 方式二:var 函式名=new Function("形參1","形參2"……,"函式執行體");

    注意:此宣告表明在js中函式是作為物件存在的。

var test2 = new Function("a1","a2","alert('函式宣告方式')");
  • 方式三:var 變數名=function(形參名1,形參名2……){函式執行體}    
var test3 = function(a1,a2){
	alert(a1+a2);
}

 函式引數要點:

  1. js中的函式在呼叫時,形參可以不賦值,不會報錯
  2. js中的函式在呼叫時,形參賦值可以不全部賦值,不會報錯,但是實參會依次進行賦值。

函式返回值要點:

  1. 在js中如果函式有返回值則直接返回,沒有返回值預設返回undefined

3.函式的呼叫

js的程式碼宣告區域和執行區域是一起的,都是在js程式碼的程式碼域中。所以函式的呼叫也是在js程式碼域中。

方法:函式名(實參1,實參2...)

例項:呼叫前面提到的三個方法

test1(1,2);
test2(1,2);
test3(1,2);

大家感覺是不是要比Java簡單多了,哈哈哈!

 

特別的:函式也可以作為形參哦!!!

宣告一個函式,其功能傳遞什麼引數就執行和引數值相同的函式!

//宣告一個函式,其引數值必須為其他函式
function fn(fun){
	fun();
}
function test(){
	alert("我是一個JS函式!");
}
//執行呼叫
fn(test);

大家思考一下,這樣的功能到底有什麼妙用!