一.为什么需要函数
1,如何希望点击某个按钮后才显示“HelloWorld”,并能输入显示的次数,怎么办
2 ,点击按钮,循环输出 5 次“ hello world ”,该如何输出呢??
3 ,有一个加法运算的方法, a.html,b.html,c.html 等都需要完成同样方法,该怎么办呢?
函数特点: 封装代码,代码的重用性强!
什么是函数
在程序设计中,可以将一段经常使用的代码“封装”起来,在需要时直接调用,这种“封装”就是函数。
函数:为完成某一功能的程序指令
(
语句
)
的集合。
执行特定任务的语句块。
二.预定义函数
在js中,函数分为两种: 自定义函数、系统函数(内置函数)
系统函数里还包括预定义函数。
预定义函数是指不属于任何对象,他们的使用也不需要通过任何对象来应用。全局的函数
1.eval() 将字符串数字转换成数字,可进行直接执行js代码
2.isNaN() 用来计算一个参数以确定它是否为非数字
3.parseInt()/parseFloat() 将数字字符串转化为一个数值
4.isFinite() 用来确定参数是否是一个有限数值.也就是说,如果该参数为非数字NaN,正无穷数,或负无穷数,则返回false,否则返回true;如果是字符串类型的数字,将会自动关转化为数字型.
5. escape函数/unescape() 将字符串进行编码和解码,这样就可以在所有的计算机上读取该字符串。
返回值:已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列
三.函数定义
定义函数
function 函数名(){
函数体;
}
说明:
function 定义函数关键字,
“函数名” 是你给函数取的名字,
“函数体” 是为完成特定功能的代码。
函数名 必须是唯一的
函数定义好后,不能自动执行,需要调用它,直接在需要的位置写函数名。
函数调用
函数定义好后,不能自动执行,需要调用它,直接在需要的位置写函数名。
定义函数方法:
1. 第一种情况,在<script>标签内调用
function 函数名(){
函数体;
}
函数名 ();// 函数调用,直接写函数名
2. 在 HTML 文件中调用,例如通过点击按钮后用定义好的函数
如:<input type=“button” value=“click” οnclick=“add() ”/>
函数调用
创建函数
function 函数名( )
{
语句;
}
调用函数
函数调用一般和表单元素的事件一起使用,调用格式为:
事件名=“函数名” ;
四.匿名函数
没有名字的函数就是匿名函数
function() {
函数体;
}
var sing = function(){
函数体;
}
作用域
在函数内部声明的变量(局部变量),在函数外部并不能访问
function demo() { var a="外面不能访问我!"; }
//alert(a);//出错,没有声明变量a
demo();//执行函数
alert(a);//仍然出错
函数外部声明的变量(全局变量),在函数内部是可以访问的
function demo() {
//在一个脚本中,使用function关键字声明的具有名称的函数在脚本中出现的次序是任意的,并不存在先后之分
alert(globalVar);
}
//demo();//出错,执行时变量globalVar还没有声明
var globalVar="Hello!";
demo();//输出Hello!