一、函数的概念
1.在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用
2.虽然for循环语句也能实现一些简单的重复操作,但是比较有局限性,此时我们就可以使用JS中的函数
3.函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 3. 函数就是封装了一段可以被重读执行调用的代码块 目的:就是让大量代码重复使用function getSum(num1, num2) {var sum = 0;for (var i = num1; i <= num2; i++) {sum += i;}console.log(sum);}getSum(1, 100)getSum(1, 1000)getSum(1, 50)</script>
</head><body></body></html>
二、函数的使用
1.函数在使用时被分为两步:声明函数和调用函数
2.声明函数
(1)function是声明函数的关键字,必须小写
(2)由于函数一般是为了实现某个功能才定义的,所以通常我们将函数名命名为动词,比如getSum
3.调用函数
(1)调用的时候千万不要忘记添加小括号
(2)口诀:函数不调用,自己不执行
(3)注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数代码块
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 函数使用分为两步;声明函数 和 调用函数// 1. 声明函数// function 函数名() {// 函数体// }function sayHello(str) {console.log(str);}// (1)function 声明函数的关键字 全部小写// (2)函数是做某件事情,函数名一般是动词 sayHello// (3)函数不调用自己不执行// 2. 调用函数// 函数名();sayHello('Hello word');// 调用函数的时候千万不要忘记加小括号</script>
</head><body></body></html>
4.函数的封装
(1)函数的封装是把一个或者多个功能通过函数的方式封装起来,对外之提供一个简单的函数接口
(2)简单理解:封装类似于将电脑配件整合组装到机箱中(类似快递打包)