HTML之JavaScript——JavaScript函数

1.定义函数

1.JavaScript的函数属于Function对象，因此可以使用Function对象的构造函数来创建一个函数。
2.可以使用function关键字以普通的形式来定义一个函数。

方式

• function：必写，定义函数用的关键字

• 函数名：必写，合法的JavaScript标识符

• 参数：可选，合法的JavaScript标识符，外部的数据可以通过参数传送到函数内部

• 语句组：可选，JavaScript程序语句，当为空时函数没有任何动作

• return：可选，遇到此指令函数执行结束并返回，当省略该项函数将在右花括号处结束

• 表达式：可选，其值作为函数返回值

  
  示例
  示例
  

  函数变量定义方式是指以定义变量的方式定义函数。

• 调用函数的方式：
  1）通过超链接调用：
  <a href="javascript: 函数名（实参，实参）”>点我</a>
  2)通过按钮点击事件调用函数
  <input type="button" value="点击按钮" onclick="函数名（实参，实参）“/>

• 函数变量名：必写，代表函数名，是合法的JavaScript标识符

• 参数：可选，作为函数参数的字符串，必须是合法的JavaScript标识符，当函数没有参数时可以忽略此项

• 分别点击时可以出现结果弹框。

  
  两种方法

2.函数的参数

arguments对象

• 函数可以接受任意个数的参数，通过arguments来访问

• 把arguments对象看成一个数组，下标为0代表的是第一个参数，下标为1是第二个参数，以此类推。

  
  示例
  查看参数个数
  示例
  示例

3.函数的返回类型

一般情况下，函数返回的非对对象数据都使用值返回方式。

示例

数组第一个值与最后一个值的和:

示例

4.函数应用

• eval（参数）函数的使用：
  形参传数值类型的字符串表达式，把数值运算的结果返回给调用者

  
  示例

5.函数的作用域

JavaScript中自定义异常

示例
作用域

6.JavaScript中的键盘输入

• JavaScript中的输入框：

• window.prompt("请输入内容");
  使用window对象下面的方法可以省略window对象。

  
  示例
  结果

7.练习1

示例
结果
结果

8.总结创建函数的三种方法：

1.function 函数名（形参，形参）{
方法体；
}
2.匿名函数
var 变量名=function （参数列表）{
方法体；
}
3.指定对象的创建函数方式
var 变量名=new Function（“形参，形参，。。。”，“方法体”）；

示例1
示例

9.练习2

求多门成绩的加和，输入成绩并且自动加和，不能是负数和非数

代码
结果
结果
结果
结果

输入字母时：

示例
结果
输入负数时：
示例
结果

10练习3

文本框取值

示例

（此文章仅作为个人学习笔记使用，如有错误欢迎指正~）