javascript基础(一)

81 阅读3分钟

学习目标:

提示:1.知道什么是函数?函数的作用是什么?

2.掌握函数的定义和调用方法

3.了解自定义函数,内置函数,构造函数的区别

本期学习内容:

  1. javascript函数概述与定义
  2. 匿名函数
  3. 内置函数
  4. 构造函数 1.javascript函数概述与定义

在编程中,我们经常要调用相同或者类似的操作,这些相同或者类似的操作是由同一段代码完成的。而函数的出现,可以帮助我们避免重复编写这个代码。函数的作用就是把相对独立的某个功能抽象出来,使之成为一个独立的实体。

函数是一个固定的程序段,在可以实现固定程序功能的同时还带有一个入口(参数)和一个出口(返回值)。

函数可以在某事件发生时直接调用,也可以在程序代码的任何位置使用函数调用语句进行调用。

定义函数的关键字是function,函数的定义语法格式如下:

image.png

定义函数时,也可以不加参数,如下图所示:

image.png

例1 函数的定义与调用

image.png

image.png

保存文件,运行一下

image.png

运行结果如图所示,浏览器弹出了一个提示框。观察图中代码可知(第11行),如果需要调用函数只需要使用函数名称即可。

2.匿名函数

 匿名函数就是没有名字的函数,匿名函数一般用于事件处理程序,这类函数一般在整个程序中只使用一次。匿名函数的定义方法如下:

image.png

例2:网页加载完网页后弹出提示框

image.png

image.png

定义匿名函数的方法就是把普通函数定义中的名字去掉,如上图所示,定义匿名函数时没有为其定义函数名。

【要点】匿名函数是没有名字的函数

作用:通常用于事件处理程序

3.内部函数

javascript脚本语言固有的,并且没有任何对象的相关性,这些函数都可以称为内部函数。例如内部函数isNaN,它的作用是测试某个变量是否是数值类型,如果变量的值不是数值类型则返回true,是数值类型则返回false。

例3 编写一个实例程序,让用户输入一个数,判断其是否是数值类型,如果是则输出“是数值类型”否则输出“不是数值类型”

image.png

运行代码,浏览器弹出输入提示框,输入一个2022

image.png

点击确定按钮

image.png

刷新一下页面,现在输入字符串“2022”再次测试

image.png

点击确定按钮

image.png

此时浏览器提示“用户输入的不是一个数值”

4.构造函数

在上文中,使用function关键字来定义函数,函数也可以使用内置的函数构造器(Function)定义。Function类可以表示开发者定义的任何函数。用Function类直接创建函数的语法格式如下:

image.png 上图中函数主体是要执行的代码,构造器里的形式参数是字符串类型的。构造函数的调用方法与普通函数调用方法一致,只需要使用函数名称和参数就行,调用方法如下

函数名(实参1,实参2,实参N)

例4 构造函数的创建和调用

image.png

定义函数时所定义的参数是形参,调用函数时所传入的参数是实参,如上图所示。

【特别提醒】一个函数定义时并不发生作用,只有在引用时才会起作用。

【课后小作业】

使用构造函数计算 100 + 200 / 5,将计算结果以弹窗形式输出。

(评论区或者私信交作业)