学习目标:
提示:1.知道什么是函数?函数的作用是什么?
2.掌握函数的定义和调用方法
3.了解自定义函数,内置函数,构造函数的区别
本期学习内容:
- javascript函数概述与定义
- 匿名函数
- 内置函数
- 构造函数 1.javascript函数概述与定义
在编程中,我们经常要调用相同或者类似的操作,这些相同或者类似的操作是由同一段代码完成的。而函数的出现,可以帮助我们避免重复编写这个代码。函数的作用就是把相对独立的某个功能抽象出来,使之成为一个独立的实体。
函数是一个固定的程序段,在可以实现固定程序功能的同时还带有一个入口(参数)和一个出口(返回值)。
函数可以在某事件发生时直接调用,也可以在程序代码的任何位置使用函数调用语句进行调用。
定义函数的关键字是function,函数的定义语法格式如下:
定义函数时,也可以不加参数,如下图所示:
例1 函数的定义与调用
保存文件,运行一下
运行结果如图所示,浏览器弹出了一个提示框。观察图中代码可知(第11行),如果需要调用函数只需要使用函数名称即可。
2.匿名函数
匿名函数就是没有名字的函数,匿名函数一般用于事件处理程序,这类函数一般在整个程序中只使用一次。匿名函数的定义方法如下:
例2:网页加载完网页后弹出提示框
定义匿名函数的方法就是把普通函数定义中的名字去掉,如上图所示,定义匿名函数时没有为其定义函数名。
【要点】匿名函数是没有名字的函数
作用:通常用于事件处理程序
3.内部函数
javascript脚本语言固有的,并且没有任何对象的相关性,这些函数都可以称为内部函数。例如内部函数isNaN,它的作用是测试某个变量是否是数值类型,如果变量的值不是数值类型则返回true,是数值类型则返回false。
例3 编写一个实例程序,让用户输入一个数,判断其是否是数值类型,如果是则输出“是数值类型”否则输出“不是数值类型”
运行代码,浏览器弹出输入提示框,输入一个2022
点击确定按钮
刷新一下页面,现在输入字符串“2022”再次测试
点击确定按钮
此时浏览器提示“用户输入的不是一个数值”
4.构造函数
在上文中,使用function关键字来定义函数,函数也可以使用内置的函数构造器(Function)定义。Function类可以表示开发者定义的任何函数。用Function类直接创建函数的语法格式如下:
上图中函数主体是要执行的代码,构造器里的形式参数是字符串类型的。构造函数的调用方法与普通函数调用方法一致,只需要使用函数名称和参数就行,调用方法如下
函数名(实参1,实参2,实参N)
例4 构造函数的创建和调用
定义函数时所定义的参数是形参,调用函数时所传入的参数是实参,如上图所示。
【特别提醒】一个函数定义时并不发生作用,只有在引用时才会起作用。
【课后小作业】
使用构造函数计算 100 + 200 / 5,将计算结果以弹窗形式输出。
(评论区或者私信交作业)