Java Script函数
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函数的练习
明天更......