JavaScript 函数简介JS函数的概念函数就是把特定功能的代码抽取出来,使之成为程序中的一个独立实体,起个名字(函数名)。函数的作用正如函数的概念, 我们可以根据代码需要, 将特定的功能用函数来包裹使用函数的好处函数可以在同一个程序或其他程序中多次重复使用(通过函数名调用)使程序变得更简短而清晰有利于程序维护函数的分类函数可以分为:内置函数 和 自定义函数内置函数:是官方提供好的函数,可以直接使用如: alert(), isNaN(), console.log() parseInt()等自定义函数:是用户自己定义的函数, 用户可以根据实际需求, 对特定的功能使用函数来封装函数定义和调用函数简单定义语法格式:function 函数名() { 代码块; }注意:必须使用function关键字, 且为小写, 函数名自定义函数名的命名规则和变量名一致函数名后必须写圆括号()例如:定义一个函数 ShowTipsfunction ShowTips(x,y){ alert(‘我要飞得更高’);}函数调用函数的调用方式: 函数名() function ShowTips(x,y){ alert(‘我要飞得更高’);}ShowTips();注意:1.调用函数后会执行函数内部的代码块;2.函数在不调用的情况下是不会执行的, 只有调用后函数中的代码才会执行函数标准定义语法格式:function 函数名(参数1,参数2,……) { 执行语句; return 返回值; }注意:函数名后圆括号()中的参数数量不定, 也可以没有; (根据功能需要)return关键字的作用是将某个值返回, 如果没有返回值则默认返回undefined;案例:定义一个函数Add求两个数相加之和function Add(x,y){ var sum=x+y; return sum;}var result=Add(2,3); //函数调用 alert(result);注意:1.函数体语句执行到return时,函数就终止代码执行(return后的代码不会执行)2.如果return后有返回值,则把这个值返回到函数调用执行的地方形参和实参形参:形参就是在函数定义时,函数名后面的参数;函数的形参跟变量是一样使用,且不能用var修饰实参: 实参就是调用时,函数名后面的参数如: 之前定义的函数Add中: x和y是形参, 2和3是实参function Add(x,y){ var sum=x+y; return sum;}var result=Add(2,3); //函数调用alert(result);注意:1.在传值调用的机制中只能把实参传送给形参,而不能把形参的值反向地传送给实参。2.因此在函数调用过程中,当形参值发生改变,而实参中的值不会变化。argumentsarguments:函数内部隐藏的数组对象,保存着实参的信息,可以直接使用函数在传递参数时就是用这个数组arguments来保存的arguments.length:保存着实参的数量函数的作用域作用域: 就是起作用的范围。或者说有效范围; 这里涉及到另外两个概念。局部变量:定义在函数内部的变量,这个变量只能在函数内部使用,即作用域范围只是函数内部,另外,形参也是局部变量.ps:函数内的变量使用遵循:就近原则全局变量:全局变量就是定义在函数外部的变量,这个变量在任何函数中都有效,即作用域范围是当前文件的任何地方.JavaScript默认有一个全局对象window,全局作用域的变量实际上被绑定到window的一个属性:注意: 在定义变量时, 如果不写关键字var也是合法的, 且是全局变量, 但是这样写不安全,容易在其他地方被更改, 所以我们在函数中写变量要加上var变量声明提前语句:var str1=‘abc’;var sum=str1+str2;var str2=‘hello’;console.log(sum); //abcundefined//JavaScript引擎自动提升了变量str2的声明,但不会提升变量str2的赋值函数的嵌套函数的嵌套: 函数内部可以再包含其他函数;函数之间允许相互调用(不能同时调用),也允许向外调用,如果互相同时调用:就会出现死循环对象函数的定义和调用对象函数的定义var 对象={ 属性名:属性值, 属性方法名:匿名函数}调用: 对象.属性方法名()事件驱动: 因为函数不会主动执行, 只有当调用的时候才会执行函数中的代码, 在前面的dom操作示例中,我们点击了按钮才触发函数调用 所有的函数,没有调用不会执行,那么在我们浏览器中函数调用的源头在何处,就是事件, 只有使用事件去驱动, 函数才被调用; 如: onclick: 点击事件示例: 点击搜索按钮调用函数打印出文本框内容, 再清空文本框的内容函数的递归调用递归调用: 函数可以自己调用自己, 成为函数的递归调用;function fact(num){ var sum; if (num<=1){ sum=1; }else{ sum=num*fact(num-1); } return sum;}alert(fact(6));