JS-函数

1、函数的基本介绍

• 1、什么是函数
  函数在程序中，是一种封装号的代码块，类似于css中选择器对样式属性的封装，通过指定的函数名，可以代替一整段代码来执行。
• 2、函数的功能
  2-1、 降低代码冗余，可以实现一次定义，多次使用，方便维护
  2-2、 可以使代码业务流程，代码结构更加简洁，模块化更强。方便维护
• 3、函数的使用过程
  3-1 、定义函数
  3-2、 调用函数 基本调用：函数名（） 在事件中调用

2、函数的定义

• 1、字面量形式
• 2、函数的形式：公共环境下定义的函数，可以在任意的地方调用，程序在编译时，如果编译到调用的函数 会自动在当前范围内查找函数的定义。

3、作用域

• 全局环境下的声明的变量或者方法，可以在局部环境下使用， 但是，局部环境下定义的变量或者方法不能再全局环境下使用（除非闭包）

4、函数的参数与传参的几种形式

• 形参：函数定义的时候，括号中写的参数叫形参，形参可以写多个。
• 实参：函数调用的时候，括号中写的参数叫实参，实参必须和形参一一对应，位置都不能乱
• 当形参有默认值时，对应位置的实参可以不写，默认值执行，写上以实参为准

传参的几种形式

1、无参无返回值

 function fn1(){
        console.log(1);  //1
}
var a = fn1();
console.log(a);  // undefined

2、无参有返回值，返回值可以根据情况自定义，return 后面如果没有写值，则代表跳出函数，提前终止函数

 function fn2(){
        return 2;
}
var b = fn2();
console.log(b)  //2

3、有参无返回值

function fn3(a){
        console.log(a);
}
fn3(520);

4、有参有返回值

  function rand(min,max){
        return Math.round(Math.random() * (max - min) + min);
}
console.log(rand(1,100));

5、变量的污染

• 在同一个作用域下 声明两个或多个变量，都是同一个名字，这就是变量的污染

6、变量的提升

• 不管是局部还是全局都存在，但一般是在函数中
• 为了解决变量声明之后不能使用的问题，需要采用变量的提升这个方法
• 变量的提升就是将这个变量的声明提升至代码块的顶端

7、回调函数 callback

• 在函数定义的时候，将回调函数以形参的形式传入这个函数中，并且在这个函数中调用回调函数，当目标函数被调用的时候，再去定义这个回调函数基本的操作。

 function fn1(callback){
     callback();
 }
 fn1(function(){
     console.log(1)
 })