Day-15 函式的参数与常用方法

函式既是JavaScript的一种物件,也被称为「一等公民」(first-class citizen)。原因在於,函式可以放入任何「变数、物件与阵列」里。还可以将函式当作参数,传给「另一个函式」

参数

必须注意的是不论「函式」或「值」,都是「物件」之一。而所谓的值,在函式中,首先会在「参数」里。

一个函式中的小括号 ( ) 所带之值,即为参数。

如:

const p = function(a, b){
    return a + b;
};

p (1, 1); //得出 1 + 1等於2
p (2, 2); //得出 2 + 2等於4

高阶函式

有一种函式,可将其他函式当「参数」用,此即高阶函式(higher-order function)。在实际网页应用中,会放在<head>与<body>范围内的<script>里。举例常见者有:

延迟执行一次:

setTimeout (作什麽事, 多久後)
//1000= 1000毫秒= 1秒
//例 (hi, 2000) 呼叫2秒後执行函式hi

取代原文件宣告的物件内容(取代原网页「标签hi」中的字):

const document.querySelector (“#hi”)
console.log (h)

网页事件监听器:

document.addEventListener (“DOMContentLoaded”), () => { }
//DOMContentLoaded代表:网页载完再执行。

常用方法

除了以小括号呼叫参数外,还有call与apply方法也能呼叫之。加上bind方法,是JavaScript必学的常用方法。

说明请详MDN文件:


<<:  Swift 新手-iPhone 界面设计(二)

>>:  D16 - 彭彭的课程# Python Module 模组的载入与使用(1)

CSS微动画 - Animation也会影响网页效能?

Q: 终於要讲效能了! A: 以Loading为范例讲黑~ Animation Loading 直...

【LeetCode】bit operation

还没写完 我个人认为,以面试来说不太会考位元运算的题目, 因为要在短时间内测出面试者的实力,有其他更...

[Angular] Day18. Introduction to services and dependency injection

在开发专案时你一定会使用到 Service 的技巧,Service 是一个广泛的类别,包括 app ...

Day30-2 - GitLab CI 还可以怎麽重构及整理 .gitlab-ci.yml ?

上一篇举了一个小例子来说明,一般遇到比较冗长的 .gitlab-ci.yml 大致上可以怎麽思考整理...

Day26-好用的网页服务器-nginx(二)

前言 在昨天的文章介绍了 Nginx 的基本观念以及 Nginx container 的内部操作,今...