函数的创建以及作用
函数function是大型程序中一个子函代码{也可以称之为子程序}由一个或者多个语句组成。他主要是负责完成某个特定任务。相对于其他代码,
特点:具有独立性;
// 定义好一个函数 不会立即执行 而需要手动调用
// 函数有很好的复用性
// 调用函数 使用 函数名();
使用函数的好处
1.过程进行封装,影藏细节
2.函数有很好的复用性.可以反复使用
3.函数可以被时间触发.执行
3.具有独立性隔离作用域.避免作用域被污染
函数与方法之间区别
在面向对象过程中。类或者对象的子程序也是被称作方法(method)
函数与方法之间的区别就是看函数名前面有没有带’.'点号,有点的称之为方法,没有点的称之为函数
// function 函数/方法
// 类别和对象的子程序叫方法
// console.log(); // 方法
// document.write(); //方法
// alert(); //函数
// isNaN(); //函数
常用函数的创建方法
声明式函数
// 函数的创建
function 函数名(){
代码段
}
// 关键字 function 用于函数申明
// 函数名 函数的名称
// 小括号 参数列表
// 大括号 函数体
函数的命名规范与变量的命名规范是一样的
- 可以使用数字 字母 下划线 美元符
- 不能以数字开头
- 命名要有含义
- 不能使用关键字和保留字
- 采用驼峰命名法
赋值式声明函数
// 2. 赋值式函数创建
// 将一个函数赋值给一个变量 或 对象的属性
var myFn = function() {
console.log('test');
}
myFn();//调用函数
参数的声明
// JS的函数 可以有参数 也可以没有参数
// 写在小括号中的叫做 形参
// 形参 类似于变量 只能在函数内使用
// 当申明的形参没有接收到实参时,形参变量的值为undefined
// function fn(num) {
// console.log(num);
// }
// var a = 8;
// 调用函数时 传入的参数叫 实参
// 实参会为新参进行赋值
// 传入的实参 可以是常量也可以是变量
// fn(a);
// fn();
//函数拥有多个参数的时候,使用英文都好隔开.
参数的传递
var a = 10;
var b = 5;
// 函数是参数是按值传递的
// 传入的参数 其实传入的是值的复制品
// 当把变量a,b传入函数中时,传入的是a,b的值
// 函数的参数的值不会影响外部的变量
function fn(a, b) {
a += b;//a=a+b;
console.log(a);//控制台打印输出值15
}
fn(a, b);
console.log(a);//控制台输出是10'注意点就是函数的参数值不会影响外部的变量'
argumens数组
// arguments 对象
// 在JS中 所有的函数都拥有arguments对象
// 它的作用是保存函数中的所有实际参数
// 它的本质是一个对象,在调用时被赋值,函数执行结束后被销毁
// arguments 是一个 ArrayLike(类数组)
// arguments 里面的属性通过数字(索引 index i 下标)来进行访问
// 所有的ArrayLike 都拥有length属性 用于保存 元素的长度(个数)
// 所有的ArrayLike 都是通过索引进行访问元素的
// 并且 索引 都是从 0 开始计算的
// 0表示第一个元素 1表示第二个元素 ...
//arguments.length,是用于判断储存参数的的长度
function fn() {
// console.log(arguments[2]);
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum += arguments[i];
}
console.log(sum);
}
fn(1, 2, 3, 4, 5);
fn(2, 6, 8, 1, 55, 1);
</script>
递归函数
解释:递归其实就是函数在执行的时候,调用本身称之为递归.
注意点:
- 递归也是需要有结束条件到的一种循环,否则也是会造成栈溢出,或者叫做四死循环
###栈的概念
栈也是一种存储数据的一种容器
栈的大小是有限制的,一般是4M,存储方式为先进后出,后进先出的原则,
存储数据的时候也是称之为压栈
匿名函数
解释:匿名函数就是声明式函数的函数没有给一个具体的函数名,也就是形参,但是需要这么来写,这样子其实他的一个函数名就是一个空的字符串`
// console.log(user);
// ! function() {
// console.log(2);
// }()
// ~ function() {
// console.log(3);
// }();
// 1. 自执行函数
// 函数在定义后自动执行
// 一次性函数
匿名函数作用
// 作用1
// 1. 隔离作用域 避免作用域(全局)污染
// 2. 函数仅在调用时临时创建作用域链对象
// 调用结束立即释放(节约内存空间)
// 尽量避免使用全局变量
// 非要用全局变量的时候
// 在作用域的顶部申明 并且加注释
// 匿名函数的作用2
// 将匿名函数作为参数使用
// 函数的参数可以是任意数据类型
// JS中的函数是对象
// 回调函数 -->> 将函数作为参数使用
// 所有的函数作为参数的使用情况 都叫回调函数