重学前端之函数01

定义函数的4种方式

• 函数声明或者函数表达式

函数声明

定义:强制以function开头，其后紧接着强制性的函数名以及括号和括号内一系列的可选参数，每个函数声明必须作为一个单独的javascript语句，函数声明必须独立(也能被包含在其他函数或者代码块中)

 函数字面量由四个部分组成
  + function关键字
  + 函数名字
  + 括号，括号里面装一个或者多个参数没有参数就是()
  + 函数体，包含在大括号内的一系列js语句，函数体可以为空但是必须存在

函数表达式

定义：总是其他表达式的一部分函数（作为辅助表达式的右值，或者作为其他函数的参数）

//如
var fun = function(){};

function fun(callback){
   return callback()
}

setTimeout(function() {
    //....
}, 100);

函数声明与函数表达式的区别

1、解析器在执行环境中加载数据时，会优先读取函数声明，并使其在执行任何代码之前可用;而函数表达式，必须等到解析器执行到它所在的代码行,才会被解释执行如下：

fun()//杨紫1111
fun1()//fun1 is not a function
function fun(){
    console.log('杨紫1111')
}
var fun1 = function (){
    console.log('杨紫66')
};
//这涉及到变量提升后期专门一章讲解

• 构造函数

//num1,num2 是参数  最后一个参数都会被看成是一个函数体
new Function(num1,num2,"return num1+num2");

不推荐：会导致解析两次代码(第一次解析常规ECMAScript代码，第二次解析传入构造函数中的字符串)

• 箭头函数

箭头函数（ (param1, param2, …, paramN) => expression）

• 生成器函数

function* 函数名(参数){函数体}

1、生成器函数在执行时能暂停，后面又能从暂停出继续执行。

2、使用yield关键字可以暂停函数

3、调用一个生成器函数，会得到生成器的迭代器对象。

• 使用next()方法。被首次（后续）调用时，其内的语句会执行到第一个（后续）出现yield的位置为止，yield 后紧跟迭代器要返回的值。
• yield*（多了个星号），则表示将执行权移交给另一个生成器函数（当前生成器暂停执行）。
• next()-> {value:value1,done:true|false}
  • value:表示本次返回的值，即yield表达式返回的值
  • done：表示生成器后续是否还有yield语句,即生成器函数是否已经执行完毕并返回。

注意：next()方法时，如果传入了参数，那么这个参数会作为上一条直线的yield语句的返回值

函数是第一型对象

• 可以通过自面量进行创建
• 可以赋值给变量、数组、或其他对象的属性
• 可以作为参数传递给函数
• 可以作为函数的返回值返回
• 可以拥有动态创建并赋值的属性

函数是一等公民

什么是一等公民? 可以作为函数的参数，可以作为函数的返回值，可以赋值给变量

函数没有重载

当声明两个相同名字的函数时，后面一个会覆盖前面一个函数，实际上就是覆盖了引用第一个函数的变量

function funName(){console.log('杨旎奥')};
function funName(){console.log('杨紫')};
funName()

其他

• 所有函数都有一个name属性，该属性保存的是该函数名称的字符串如
• 每个函数都是Function类型的实例
• 所有函数调用时都会有一个隐式参数 argument和this
• ...

function myFun(){}
//name:'myFun'