JS函数具体知识(初学者必看)

JS函数具体知识

1.函数的介绍:
什么是函数,函数就是一段封装的代码块,也可以说是一个功能,在我们的程序中,我们大多数时候是面向区块编程的,一个完整的程序是由多个区块来组成的。一个区块就是一个函数。当我们需要一个功能的时候,就可以调用这个函数,因为函数可以多次调用,大大的减少了代码量,比较方便,维护起来也比较容易,比如我们要求一个最大值,就可以写一个求最大值的功能函数,我们只需传参数,调用就可以得出最大值了,js也有很多内置函数,那都是开发者写的函数,封装好的,我们只需要理解,怎么调用就可以了。
2. 基本方式定义函数:
通过 function 关键词进行定义,其后是函数名,括号 (),大括号{},可以有多个参数,根据实际情况而定。
语法:
function 函数名(参数1,参数2,…){
要执行的代码块(函数体)
};
具体代码:
在这里插入图片描述
.3.函数的调用:有三种方式
调用函数: 函数名(); 括号内可以传递参数
a.当事件发生时(当用户点击按钮时)
b.当 JS 代码调用时
c.函数创建完成后自动调用
a.写一个函数,并且调用,函数的功能是输出一个99乘法表表格。
使用函数名调用
运行结果:
在这里插入图片描述
b.函数在执行完后自己调用自己函数执行完后自己调用
c.绑定按钮,当用户点击按钮的时候触发。
在这里插入图片描述
**4.函数的传参,**在函数名后的括号内传递参数。有一个是形参和实参,一定要搞清楚,形参是接收实参的值,形参就是我们传入的参数,形参是作为一个形式参数,可以接收不同传入进来的参数,看代码,我有注释那个是形参,那个是实参。
在这里插入图片描述
**5.函数的返回值:**返回执行结果,不会在页面中显示,需要用变量来接收函数遇到return,会立即返回结果,并中止函数。
在这里插入图片描述
6.函数中调用函数(就在函数中再调用别的函数)当然还有一种递归调用,下面会讲到。
详细请看代码:
在这里插入图片描述
7.局部变量和全局变量:(需要注意的是函数没有调用的话,里面的赋值就是没有成功的)
1.函数外部声明的变量为全局变量,在整个js文档中都可调用;
2.函数内部用var声明的变量是局部变量,只能在函数内部调用;( 局部变量,函数执行完就从内存中删除, 能用局部变量声明的,就不要用全局变量,能提高效率;)
3.函数内部不用var声明,直接赋值方式声明的变量是全局变量;
8.将匿名函数赋值个一个变量。
注意:函数的调用语句,必须放在函数声明语句之后。
在这里插入图片描述
9.匿名函数的自我调用。

在这里插入图片描述
10.函数的递归调用:
一个函数在它的函数体内调用它自身称为递归调用,这种函数称为递归函数。执行递归函数将反复调用其自身,每调用一次就进入新的一层,当最内层的函数执行完毕后,再一层一层地由里到外退出(在使用递归的时候一定要给一个递归结束条件,因为栈内存空间是有限的,如果栈内存满了,不能出栈,程序就会报错)。
原理:在这里插入图片描述利用递归实现,从1加到100的和。
在这里插入图片描述
10.回调函数:
从字意义上理解,回调函数就是传递一个参数化的函数,就是将这个函数作为一个参数传到另一个主函数里面,当那一个主函数执行完之后,再执行传进去的作为参数的函数。走这个过程的参数化的函数 就叫做回调函数。换个说法也就是被作为参数传递到另一个函数(主函数)的那个函数就叫做 回调函数(把函数名作为一个参数传入另外一个函数,然后在再被传入的那个函数里调用)。在这里插入图片描述

11.常用内置功能函数:
这些函数就是开发者设定好的,我们不需要知道底层代码,只需要知道这个函数的功能是什么直接调用就可以了,括号内是需要进行转换的值。当然内置函数有很多,大家可以下载一个JS的API文档,需要用到的时候就去查具体的函数功能。

1.Number() 转换成数值类型。
2.String() 转换成字符串类型。
3.Boolean() 转换成布尔类型。
4.parseInt() 将字符串转换为整型。

猜你喜欢

转载自blog.csdn.net/m0_46188681/article/details/106089749