JS基础实战课件07_JavaScript函数的使用.pdf

JavaScript函数

王红元coderwhy

目录

1认识JavaScript函数

content

2函数的声明和调用

3函数的递归调用

4局部和全局变量

5函数表达式的写法

6函数的头等公民

7立即执行函数使用

coderwhy程序中的foo、bar、baz

◼在学习编程的过程中，你可能会经常看到foo、bar、baz这些名词：

它们通常被用来作为函数、变量、文件的名词；

目前已经编程了计算机编程的术语一部分；

但是它们本身并没有特别的用途和意义；

常被称之为“伪变量”（metasyntacticvariable）

◼那么它们有什么由来吗？

事实上，foo、bar这些名词最早从什么时候、地方流行起来的一直是由争论的；

一种说法是通过Digital（迪吉多，数字设备公司，成立于1957年的美国电脑公司）的手册说明流行起来的；

一种说法是说源自于电子学中的反转foo信号；

也有一种说法是foo因为出现在了一个漫画中，漫画中foo代表“好运”，与中文的福读音类似；

◼总之，foo、bar、baz已经是编程领域非常常用的名词。

我个人也比较习惯在写一些变量、函数名词时使用这些词汇，大家做一个了解；

coderwhy认识函数

◼什么是函数呢?

◼目前,我们已经接触过几个函数了

alert函数:

✓浏览器弹出一个弹窗

prompt函数:

✓在浏览器弹窗中接收用户的输入

console.log函数:

✓在控制台输入内容

String/Number/Boolean函数等

◼当我们在谈函数时,到底在谈些什么?

函数其实就是某段代码的封装，这段代码帮助我们完成某一个功能；

默认情况下JavaScript引擎或者浏览器会给我们提供一些已经实现好的函数；

我们也可以编写属于自己的函数；

coderwhy函数使用的步骤

◼函数的使用包含两个步骤：

声明函数——封装独立的功能

调用函数——享受封装的成果

◼声明函数，在JavaScript中也可以称为定义函数：

声明函数的过程是对某些功能的封装过程；

在之后的开发中，我们会根据自己的需求定义很多自己的函数；

◼调用函数，也可以称为函数调用：

调用函数是让已存在的函数为我们所用；

这些函数可以是刚刚自己封装好的某个功能函数；

当然,我们也可以去使用默认提供的或者其他三方库定义好的函数；

◼函数的作用：

在开发程序时，使用函数可以提高编写的效率以及代码的重用；

coderwhy声明和调用函数

◼声明函数使用function关键字：这种写法称之为函数的定义

function函数名(){

函数封装的代码

……

}

◼注意：

函数名的命名规则和前面变量名的命名规则是相同的；

函数要尽量做到见名知意（并且函数通常是一些行为（action），所以使用动词会更多一些）；

函数定义完后里面的代码是不会执行的，函数必须调用才会执行；

◼调用函数通过函数名()即可：比如test()

◼函数的练习：

练习一：定义一个函数，打印一个人的个人信息

练习二：定义一个函数，函数中计算10和20数字的和，并且打印出结果

coderwh