天河区住房和建设水务局官方网站湘潭seo优化公司
1.认识JS函数
1.1程序中的foo、bar、baz
在学习编程中，你可能会经常看到foo、bar、baz这些名词
它们通常被用来作为函数、变量、文件的名称
目前已经编程了计算机编程的术语一部分
但是它们本身并没有特别的用途和意义
常常被称之为“伪变量”（metasyntactic variable）
这里推荐一个网站：程序问答网站（世界级的）
最新问题 - Stack Overflow
https://stackoverflow.com/questions那么它们有声明由来吗？
事实上：foo、bar这些名称最早什么时候、地方流行起来的一直是有争论的
总之，foo、bar、baz已经是编程领域非常非常常用的名词
<script>//stackover flow:程序问答网站//程序员约定俗成的标识var foo="xxxxxx"function bar(){}var baz={}</script>
1.2认识函数
什么是函数呢？
帮助我们完成了特定的功能 函数必然是某种特定功能的代码的封装
目前，我们已经接触过几个函数了
alert函数：
浏览器弹出一个弹窗
prompt函数：
在浏览器弹窗中接收用户的输入
console.log函数：
在控制台输入内容
String/Number/Boolean函数等等
函数其实就是某段代码的封装，这段代码帮助我们完成某一个功能
默认情况下，JS引擎或者浏览器会给我们提供一些已经实现好的函数
我们也可以编写属于自己的函数
1.3函数的使用步骤
函数的使用包含两个步骤：
声明函数：封装 独立的功能
调用函数：享受 封装的成果
声明函数，在JS中也可以称为定义函数
声明函数的过程就是对某些功能的封装；
在之后的开发中，我们会根据自己的需求定义很多自己的函数；
调用函数，也可以称为函数调用
调用函数时让已经存在的函数为我们所用
这些函数可以时刚刚自己封装好的某个功能函数
当然，我们也可以去使用默认提供的或者其他三方库定义好的函数
函数的作用：
在开发程序中，使用函数可以提高编写的效率以及代码的重用
2.函数的声明和调用
2.1函数的声明和调用
声明函数使用function关键字：这种写法称之为函数的定义
function 函数名（）{
函数封装的代码
.....
}
注意：
函数名的命名规则和前面命名规则是相同的；
函数要尽量做到见明知意，（并且函数通常是一些行为，所以使用动词会更多一些）；
函数定义完后里面的代码是不会执行的，函数必须调用才会执行
调用函数通过函数名（）即可：比如test（）
练习如下：
<script>//练习一：定义一个函数，打印自己的个人信息function printInfo() {console.log("my name is chen")console.log("age is 18")console.log("height is 1.88")}printInfo()printInfo()//练习二：定义一个函数，在内部计算10和20的值function sum() {var num1=10var num2=20var result =num1+num2console.log("result:",result)}sum()</script>
2.2函数的参数使用以及练习
函数的参数：
函数，把具有独立功能的代码块组织成一个小模块，在需要的时候调用
函数的参数，增加函数的通用性，针对相同的数据处理逻辑，能够适应更多的数据
在函数内部，把参数当作变量使用，进行需要的数据处理
函数调用时，按照函数定义的函数顺序，把希望在函数内部处理的数据，通过参数传递
形参和实参
形参（参数parameter）:定义函数时，小括号中的参数，是用来接收参数的，在函数内部作为变量使用
实参（参数argument）:调用函数时，小括号中的参数，是用来把数据传递到函数内部的
练习：
<script>//练习一：和某人打招呼function sayHello(name){console.log(`Hello ${name}`)}sayHello("chen")sayHello("zhang")//练习二：和某人唱生日歌function singBirthdaySong(name){console.log(`happy birthday to you`)console.log(`happy birthday to you`)console.log(`happy birthday to ${name}`)console.log(`happy birthday to you`)}singBirthdaySong("chen")singBirthdaySong("zhang")</script>
2.3函数的返回值使用
回想我们之前使用的prompt函数，函数需要接受参数，并且会返回用户的输入
所以说，函数不仅仅可以有参数，也可以有返回值
使用return关键字来返回结果；
一旦在函数中执行return操作，那么当前函数会终止
如果函数中没有使用return语句，那么函数会默认的返回值：undefined
如果函数使用return语句，但是return后面没有任何值，那么函数的返回值也是：undefined
<script>// var result=prompt("请输入一个数字")//1.理解函数的返回值// function sayHello(name) {// console.log(`Hi ${name}`)// }// var foo=sayHello("chen")// console.log("foo:",foo) //这个函数默认返回的是undefined//2.返回值的注意事项//注意事项一：所有的函数，如果没有写返回值，那么默认返回undefinedfunction foo(){console.log("foo函数被执行~")}var result=foo()console.log("foo的返回值",result)//注意事项二：我们也可以明确的写上return//写上return关键字，但是后面什么内容都没有的时候，也是返回undefinedfunction bar(){console.log("bar函数被执行")result}var result1=bar()console.log("bar的返回值",result1)//注意事项三：如果在函数执行到return关键字的时候，函数会立即停止执行，退出函数function baz(){console.log("Hello Baz")returnconsole.log("Hello World")console.log("Hello Why")}baz()//函数的具体返回值function sum(num1,num2) {var result=num1+num2return result}var tatol =sum(20,30)console.log("total:",tatol)</script>
2.4函数的练习
明天更......