Day-11 函式入门

如前文所述,在JavaScript中,除了基本型别一切都是物件。而函式(function)也不例外。

函式是一种将一段/多段程序码/指令包起来,且能重复被使用的结构。使用前,必须先进行命名与宣告,取一个好名字,可以赋予程序码意义,更易使用与维护。

函式的结构

以下是一个典型的函式结构

function a( ) { }

这个宣告中,就包括了:

  • 函式名称:此处为a。
  • 参数:小括号 ( ) 内的值,复数参数间以逗号, 分隔。
  • 重复执行的内容:大括号 { } 内的内容,函式主功能区块。

下面是一个简单示范。判断年龄是否大於/等於16以上:

function isAdult(age) {
  return (age >= 16)
}

console.log (isAdult(15)); //结果为false
console.log (isAdult(16)); //结果为true
console.log (isAdult(17)); //结果为true

函式的定义

使用函式前,要将之定义。方式有三:

  • 函式宣告(Function declaration)
  • 函式运算式(Function expression)
  • 建立新函式(new Function)

所谓函式宣告,即是宣告一个函式名称、参数 ( ) 以及要作的事情 { } 。前述的年龄判断函式,就是一例。

第二种方式,是将既有的变数「指定给函式」。此即函式运算式,如:

let b = function a( ) { }

此外,若a()内只有一个参数,可省略a 成为匿名函式
另外,还能写成另一种箭头函式(Arrow function expressions)

let b = a( ) => { }

第三种方式,即以new + Function建立函式物件。在实务上,笔者一次也没用过,效能也较差。不推荐。

函式的使用(例题)

介绍再多不如一次实做。以下以温度「摄氏转华氏」为例,演示函式的使用法:

function c2f(t) {
   let f = t * (9 / 5) + 32  // 也可以省略 f ,直接回传t * (9 / 5) + 32
   return f
}

console.log(`85度 C = ${c2f(85)}度 F`)

<<:  Day 25:独立贩售的音乐类软件外挂

>>:  [Day12] 为了摆脱菜鸟C#後端 -到底什麽是Delegate?Func<T, TResult>?

Android Studio - AlertDialog - 列表选单

今天想介绍其他常用的dialog和之前介绍过一般的dialog很像 只是有了一些变化 但都还蛮实用的...

[ Day 37 ] - 在 Github Release 上发布我们的安装档

之前本鲁都将打包出来的安装档 , 放到 git 中上传到 github 中 来产生一个公开连结让邦友...

第33天~还原资料库

这个的上一篇:https://ithelp.ithome.com.tw/articles/10283...

DAY 21- 讯息监别码 MAC

「不是那个MAC。 不对,也不是汉堡。」 MAC能吃吗? 先前我们介绍了数位签章,今天我们要介绍的是...

[Day 13]从零开始学习 JS 的连续-30 Days---Event 事件

Event 事件是什麽? Event 介面表示一个在 DOM 物件上所发生的事件。 一个事件可以是由...