JavaScript裏的函數

函數

函數, function, 是一個關鍵字, 表示聲明一個函數, 是一個變量的特例.

每個函數,都必須有一個return, 若是不寫return, 默認會添加return undefined.

函數本質

函數就是將作一件相同事情的代碼整合到一塊兒,做爲代碼塊, 能夠被反覆調用,能夠執行代碼的對象就是函數.

函數的五種聲明方式

1. 具名函數

function x(input1, input2){ return }
複製代碼

2. 匿名函數

var x = function(input1, input2){ return }
// 匿名函數必須給一個變量
複製代碼

3. 具名函數賦值

var x = function y(input1, input2){ return }
複製代碼

4. Window.function

var x = new Function('x', 'y', 'return x + y')
複製代碼

5. 箭頭函數

var x = (x, y) => { return x + y}
var x = (x, y) => { let n = x * 3; let m = y * 4; return n + m;}
複製代碼

具名函數和具名函數賦值兩種聲明的區別:

不一致性, 做用域不一樣, 垃圾特性.

分別聲明具名函數和具名函數賦值, 並console.log(函數):

console.log()原理

console.log = function(a){
    alert(a)
    return undefined
}
// 因而可知, console.log 永遠返回undefined, 返回什麼和打印什麼 一點關係沒有
複製代碼

函數的name屬性

var f2 = function(){}
f2.name = "f2";

var f3 = function f4(){}
f3.name = "f4"

var f5 = new Function('x','y','return x + y')
f5.name = "anonymous" // 匿名的意思
複製代碼

如何調用函數

function f(x,y){ return x + y }

f(1,2) // 3

// 骨灰級寫法, 真正的函數調用
f.call(undefined, 1, 2)

複製代碼

call()原理:

var f = new Function('x','y','console.log(1)')
f.call() // 1
// Function構造函數, 除了最後一個參數是函數體, 其餘的都是參數
// 分解以下
var f = {};
f.parmas = ['x','y'];
f.functionBody = 'console.log(1)';
f.call = function(){
    window.eval(f.functionBody)
}
f.call() // 1
複製代碼

由上可得出: 爲何說函數是對象, 由於調用的過程就是執行eval函數體的過程, 能夠執行代碼的對象就是函數

f和f.call()的區別:

f 是對象, f.call 是執行對象的函數體

this 和 arguments

call()的第一個參數能夠用this獲得.後面的參數能夠用arguments獲得.

• this

上述代碼中f.call(undefined, 1, 2), undefined就是this, 當時要求JS必須長的像java, 全部強行加了this

• arguments

上述代碼中f.call(undefined, 1, 2), [1,2]就是arguments.

• arguments也是一個僞數組, 由於長的像數組, 原型鏈中沒有Array.prototype, 或者是____proto____沒有指向Array.prototype.

function f(){
    console.log(this)
}
f.call(1) // Number 對象 1


function f(){
 'use strict' // 嚴格模式
    console.log(this)
}
f.call(1) // 1
複製代碼

做用域

做用域（scope）指的是變量存在的範圍。在 ES5 的規範中，Javascript 只有兩種做用域：一種是全局做用域，變量在整個程序中一直存在，全部地方均可以讀取；另外一種是函數做用域，變量只在函數內部存在.只要有函數就有做用域

做用域對應的數據結構是樹:

var a = 1;
function f(){
    console.log(a)
    var a = 2;
   
    function f2(){
        console.log(a)
    }
}
function f1(){
    var a = 3;
    console.log(a)
}

console.log(a)
f()

// 代碼做用域以下圖:
複製代碼

• 函數外部聲明的變量就是全局變量（global variable），它能夠在函數內部讀取。

• 在函數內部定義的變量，外部沒法讀取，稱爲「局部變量」（local variable）。

函數內部的變量提高

與全局做用域同樣，函數做用域內部也會產生「變量提高」現象。var命令聲明的變量，無論在什麼位置，變量聲明都會被提高到函數體的頭部。

function f(){
    console.log(a);
    var a = 1;
}

// 等同於
function f(){
    var a;
    console.log(a);
    var a = 1;
}

// a 打印出undefined
複製代碼

函數自己的做用域

函數自己也是一個值，也有本身的做用域。它的做用域與變量同樣，就是其聲明時所在的做用域，與其運行時所在的做用域無關。

var a = 1;
function x(){
    console.log(a);
}

function f(){
    var a = 2;
    x();
}
f(); // 1

// 等同於
var a;
a = 1;
function x(){
    console.log(a); // 1
}

function f(){
    var a;
    a = 2;
    x();
}
f();
複製代碼

上面代碼中，函數x是在函數f的外部聲明的，因此它的做用域綁定外層，內部變量a不會到函數f體內取值，因此輸出1，而不是2。

總之，函數執行時所在的做用域，是定義時的做用域，而不是調用時所在的做用域.

閉包

若是一個函數, 使用了它範圍外的值, 那麼(這個函數+這個變量)就叫作閉包.