JavaScript一等公民--函数

函数(js的一等公民)

函数的定义：一堆特定代码的集合体，它负责完成某项特定任务，而且相较于其他代码，具备相对的独立性，一般会有输入参数并有返回值，提供对过程的封装和细节的隐藏

函数就是一个功能，并且具备复用性

声明函数和使用函数

// 声明函数
function 函数名 (){
    // 函数体
}

// 调用函数
函数名();

特点说明：

• 函数默认不会执行 必须通过函数名()调用才会执行
• 函数的命名尽量遵守 动词或者动词+名词的方式 这样函数的作用一目了然
• 函数一次声明可以多次调用 每一次函数调用函数体会重新执行一次

function greet(){
    console.log(Hi);
}

sayHi();// Hi

如果实参过多，在函数内部可以通过arguments得到实参列表

function fn(a,b,c){
    console.log(arguments)
}
fn(1,2,3)
//相当于：
function fn(a,b,c){
	var a = '1'
	var b = '2'
	var c = '3'
	console.log(arguments)//{0:'1' , 1:'2' , 2:'3' , length:3}
}
fn( '1' , '2' , '3' )

函数传参

函数的参数极大的提高了函数的灵活性

在声明函数的小括号里面写的数值我们称之为形式参数 形式参数的作用就是声明了两个变量 参数与参数之间用逗号隔开

在调用函数的小括号里面写的数值我们称之为实际参数 实际参数的作用就是给形式参数赋值，参数与参数之间用逗号隔开

形参：声明变量
实参：给变量赋值

//带参数的函数声明
function 函数名(形参1, 形参2, 形参...){
  //函数体
}

//带参数的函数调用
函数名(实参1, 实参2, 实参3);

## 函数的返回值
> 通俗的讲就是这个函数调用后自身的结果
> 在直观一点就是函数调用之后的值  默认是undefined

````js

    function doSomething(){
        // doing
        return result;
    }

    var jieguo = doSomething();

函数的返回值不是必要的，一般用于函数执行完毕之后产生一个结果 这个结果在其他地方需要使用的时候就需要返回值，如果当前函数没有返回值
浏览器会默认返回一个undefined
函数三要素：函数名，参数，返回值

函数return的作用：

1. 返回函数的结果
2. 终止函数

函数高级知识

函数内部是可以继续调用其他函数的

function fn1() {
    console.log("fn1开始...");
    fn2();
    console.log("fn1结束...");
}

function fn2 () {
    console.log("执行fn2的代码");
	console.log("执行fn2的代码");
	console.log("执行fn2的代码");
}

//在函数1中调用了函数2
fn1();

函数的细节补充

1. 两个相同的函数后面的会覆盖前面的函数
2. 在Javascript中 实参的个数和形参的个数可以不一样
   • 如果实参过多 那么多余的实参会被忽略
   • 如果形参过多 会自动填上undefined
3. 函数碰到return就不会在往下执行了 函数的结束用return break是用在循环里面的
4. return;的写法相当于return undefined;

作用域

作用域：变量起作用的区域

全局作用域：在script标签内，在函数外的区域，在全局作用域内声明的变量是全局变量，全局变量在任何地方都能访问到

局部作用域：在函数内部的区域，在函数内部声明的变量叫做局部变量,这个局部变量只有在当前函数内部才能访问。

当全局变量和局部变量重名时，会优先使用局部变量

思考：

// 1、
var num = 11;
function fn() {
    num = 44;
    console.log(num);//44
}
fn();
console.log(num);//44

// 2、
var num1 = 11;
var num2 = 22;
function fn() {
    var num1 = 33;
    num1 = 44;
    num2 = 55;
    console.log(num1);//44
    console.log(num2);//55
}

fn();

console.log(num1);//11
console.log(num2);//55

预解析

JS在真正执行之前，在JS运行之前 JS解析器会将JS代码预先解析 （将变量声明和函数声明提前）

如果遇到同名的函数和变量，函数优先（权重更高）。

思考：

console.log(a);
var a = 1;
console.log(a);

fn();
function fn (){
    console.log(111);
}
//undefined
// 1
// 111


// 重名getcool的问题
getCool();

// 同名情况下 函数声明的权重比变量高
console.log(a);

  function a() {
    console.log('aaaa');
  }
   var a = 1;
console.log(a);
// 结果：
//ƒ a() {
//    console.log('aaaa');
//  }

// 1