函数

函数的声明方式：

function fn(){} //具名函数
var f = function (){} //匿名函数，必须将其赋给一个变量，这种形式称为函数表达式
var f = fucntion fn(){} //具名函数，函数表达式
var f = new Function('x', 'y', 'return x+y') //构造函数声明，最不常用
var f = ()=>{} //箭头函数

//对于var f = fucntion fn(){}这种形式的，只能通过f()调用
var f = function fn(){console.log('hello')}
fn() //报错
f() //hello

函数的本质

请看下面代码

//这是一个求三角形面积的函数
function area (width, height){
  s = width*hegiht.2
  return s
}

当我们每次需要求三角形面积的时候，调用这个函数即可，需要就用
所以，函数的本质就是可以反复调用的代码块，并且可以接受参数，结果会根据参数的不同而改变

this、arguments

this表示属性当前所在的对象

var obj = {
  n: 1,
  fn: function(){
    console.log(this.n)
  }
}
obj.fn() //1
obj.fn,call(obj) //1
obj.fn.call()  //undefined
var n = 2
obj.fn.call()  //2

call可以改变this的指向，this就是call的第一个参数，在非严格模式下，call的第一个参数为空或为undefined，this默认指向window

function fn(){
  console.log(this)
  console.log(this === window) 
}
fn.call()
//Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …}
//true

在严格模式下，call的第一个参数是什么this就是什么

function fn(){
  'use strict'
  console.log(this)
  console.log(this === window) 
}
fn.call()
//undefined
//false
fn.call(123)
//123
//false

arguments就是函数接收的参数，是一个伪数组，因为它的原型链没有Array.prototype这一环

function f(){
    console.log(arguments)
}
fn(1,2,3,4) //Arguments(4) [1, 2, 3, 4, callee: ƒ, Symbol(Symbol.iterator): ƒ]

作用域、变量提升

每个函数都有自己单独的作用域，并且在函数内部也会发生变量提升。

函数内部的变量提升

• var命令声明的变量，不管在什么位置，变量声明都会被提升到函数体的头部

函数作用域问题

• 若一个函数内部有子函数，代码如下

var a = 1
function f1(){
  var a = 2
  console.log(a)  //优先在f1范围内查找a，若找不到a向上查找（也就是全局范围），不会想下查找
  f2()
  function f2(){
    var a = 3
    console.log(a)
  }
}
f1()  //2 3
console.log(a)  //1

此时的作用域是这样的：

image.png