iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 16
0
Modern Web

用30天了解javascript系列 第 16

[用30天了解javascript]Day16.函式

  • 分享至 

  • xImage
  •  
  • 將程式碼封裝在一起,當被調用執行時可重複使用,程式除錯容易
  • 無論funtion放哪裡,都會優先被執行
  • 名稱一定要被呼叫才會執行

function宣告

1. 函式宣告(Function Declaration)

定義函式

  • 函式必須先定義,定義好之後呼叫函式名稱才會執行
  • 運算比較複雜的東西或用function用字串處理,利用return回傳
  • Code簡潔外在維護管理方便
//定義函式
function 函式名稱(){
	return 回傳值 //如果需要回傳給主程式,可利用return回傳,否則可省略
}
//呼叫函式
函式名稱();

function hi(number){
	console.log('Hello~');
}
hi();

函式參數

  • 將參數傳入函式裡面,成為函式裡面的變數,讓程式能夠根據這些變數做處理。函式參數只會存活在函式裡,函式結束後就會跟著結束。
  • 呼叫函式的引數數量最好與函式定義的參數數量相符,缺少參數會是undefind;引數過多時就會被省略。
//定義函式
function 函式名稱(參數, 參數, ....){
	return 回傳值 
}
//呼叫函式
函式名稱(引數, 引數, ...);

function square(number){
	return number*number; 
}
square(10);//100

2.函式運算式(Function Expressions)

具名函式

var 變數名稱 = function 函式名稱(參數) {
   return 參數
}
var funA = function funB(){
	console.log(funA, funB);
	//具名函式能夠在函式內調用
	/*funB(){
		console.log(funA);
		console.log(funB);
	}*/
}
funA();
console.log(funA, funB);
//放外面會報錯 Uncaught ReferenceError: funB is not defined

匿名函式

當作一個指定值,指定給一個變數,這變數就會成為函式名稱,一次性執行

var 變數名稱 = function (參數) {
  return 參數
}

var numValue = function(number){
	return number*number; 
}
numValue(10);//100

上一篇
[用30天了解javascript]Day15.範圍鍊(Scope Chain)
下一篇
[用30天了解javascript]Day17.立即函式(IIFE)
系列文
用30天了解javascript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言