[想试试看JavaScript ] 函式

函式 (Function)

函式也称做函数。
函式可以将一行或多行程序码指令包装起来,当我需要使用这些指令时,只要呼叫函式,就可以执行这些指令。
也就是说,当我发现我常用到一段程序码的话,我只要把它写进函式,需要的时後马上就可以使用,而不用每次使用,再重复写很长的程序码。

内建函式

内建函式就是,一开始电脑或浏览器就建立好的函式,我们不需要在自己设计,可以直接使用。
例如

// alert(想显示的文字)
alert("Hello"); // 跳出警告视窗,显示 Hello

我每次只要想使用跳出警告视窗这个功能,只要

自订函式

除了使用别人设计好的函式,我们还可以建立自己的函式。

设计函式 (Defining functions)

语法如下:

function 自订的函式名称(){
     // 想要执行的程序码
}

这里面分别写了三样东西

  1. 函式的宣告与函式名称
  2. 参数,写在 ()
  3. 定义函式的功能,写在 {}

自订的函式名称,可以自己决定
范例:

function type(){
    console.log("Hello");
}

我决定函式叫做 type
要执行的程序码是 console.log("Hello");

这样就设计完函式了

呼叫函式 (Calling functions)

那麽我想要使用函式,我可以呼叫函式,就可以将我设计好的函式,拿出来使用。
呼叫的语法如下:

函式名称()

范例:

type(); // 执行 type 函式定义的程序码,也就是console.log("Hello")

呼叫函式就会执行console.log("Hello"),所以浏览器就会印出 Hello
我想要多执行几次,我就重复呼叫就可以了

type(); // 印出 Hello
type(); // Hello

函式包括三样东西

  1. 函式的宣告与名称
  2. 参数
  3. 定义要执行的内容
    我们已经会了1.跟3.
    想要让函式变得有趣、有弹性更能运用的话。
    就要使用2.也就是参数

参数

参数可以将想进行运算的资料带进函式里面,听起来有点复杂
我们先了解如何定义参数
要如何定义参数呢?
语法如下:

function 函式名称(参数){
    // 要执行的程序码
}

参数的名称可以自订
范例:

function type(word){
    console.log(word);
}

这样就定义好参数,我自订参数的名称叫做 word
我只有写 console.log(word),代表要印出参数 word ,并没有写死要印出什麽
会印出什麽资料,是在呼叫函式的时决定

function type(word){ // "Hello Word" 被传到 word
    console.log(word);
}
type("Hello World"); // 呼叫 type 函式,印出 Hello World

type()小括弧里面的资料,会被传递函式 type 里面,接着console.log(word),就会印出"Hello Word"

那麽我们也可以重复呼叫,并且传其他的资料进去

function type(word){   //     2.接收到参数,将参数传进大括弧里
    console.log(word); //     3.将参数替换成,我呼叫时传进来的资料。
}
type("Hello");  // 印出 Hello 1.呼叫函式,将参数传入
type("World");  // World

那运行的流程会式这样的
1.呼叫 type() 函式,将 "Hello" 作为参数传进去函式
2.小括弧里的参数 word 接收到资料,将资料传进大括号
3.将大括回内的参数 word 替换成"Hello"


<<:  Day 6 - 唯一与职缺有关的工作内容

>>:  介绍影像辨识的处理流程 - Day 10

Day29,使用Dex、OIDC为你的Kubernetes再上一道锁 (2/2)

正文 如果还没有看Day28的话,建议可以先回去看,不然接下来可能搞不清楚状况。 延续昨天的内容,我...

30.移转 Aras PLM大小事-结语

最後第30天,有点写不出什麽了,来说一下感想 写这个系列文主要纪录我从无到有把系统导入过程中会发生的...

Day 14 实作 database migration

前言 昨天讲完了 manage.py 跟我们新加入的几个自订指令,今天我们还是离不开 manage....

Day14 vue.js注册验证帐号是否重复ep2

延续昨天 今天的目标是把注册功能完善! 这是昨天的console.log 来试试看 把id(帐号)设...

DAY08 - 自制MOCK API,让你开发更方便

什麽是Mock API Mock(模拟)这个词,其实源自於单元测试。主要的概念就是先省略中间的复杂情...