JS函数

Posted 2020-09-09 张晋铭

函数的声明及调用

* 1、函数声明的格式

* function 函数名(参数1,参数2,...){

* //函数名

* return 结果；

* }

* 2、函数声明的几点强调

* ①函数名必须符合小驼峰法则(首字母小写，之后每个单词首字母大写);;

* ②参数列表，可以有参数，可以无参数，分别称为有参列表，无参列表;

* ③声明函数时的参数列表，称为"形参列表"(变量的名);

* 调用函数的参数列表，称为"实参列表"(变量的值);

* 函数中，实际有效的参数取决于实际的赋值，未被赋值的参数，将为undefined;

* ④函数如果需要返回值，可用return返回结果。

* 调用函数时，使用var 变量名=函数名();的方式，接受返回结果;

* 如果没有返回值，则接受的结果为undefined.

* ⑤函数中变量的作用域

* 在函数中，使用var声明的变量，默认为函数局部变量，只在函数内容能用；

* 不用var声明的变量，默认为全局变量(函数中的全局变量，必须在函数调用后才能使用)。

* 函数的形参列表，为函数局部变量，只在函数内部能用；

* ⑥函数声明与函数调用没有先后，即谁先谁后都行。

 

匿名函数的声明与及调用

* 1、声明一个匿名函数，直接赋给某个事件；

* window.onload=function(){}

* 2、使用函数表达式声明匿名函数；

* 声明函数表达式：var func=function(){};

* 调用函数表达式：func();

* 注意：调用表达式必须在声明表达式后面，否则报错

* 3、使用自执行函数声明并直接调用匿名函数；

* !function(){}();//使用任意运算符开头，一般使用

* (function(){}())//使用()将匿名函数及之后的括号包裹

* (function(){})()//使用()只包裹匿名函数表达式

* 三种写法特点：

* ①结构清晰，开头加!，结尾加(),不易混乱.

* ②全部框中表示一个整体，推荐使用

* ③无法表明函数与后面的为一个整体，不推荐使用。

 

【arguments对象】

* 1、作用：用于保存调用函数时，所赋值的实参列表

* >>>当我们调用函数时，并使用实参赋值时，实际上参数已经保存到arguments数组中，即使没有形参，

* 也可以使用argument[n]的形式调用参数;

*

* 2、arguments数组的个数取决于实参列表，与形参无关;

* 但当第n个位置的形参、实参、arguments都存在时，形参与arguments是同步的

* （即在函数中修改其中一个的值，另一个会同步变化）

*

* 3、arguments.callee是arguments的重要属性，用于返回arguments所在函数的引用

* arguments.callee()可以调用自身函数执行;

* 在函数内部调用函数自身的写法，被称为递归，所以 arguments.callee()是递归调用时常用的方式；

*

* 【this】

* 函数调用语句所在的作用域，及谁调用函数，this指向谁.