JavaScript學(xué)習(xí)第八天筆記（Function）

104828720 發(fā)布于2019-08-26 12:12 / 2773人閱讀

摘要：在中，函數(shù)也是以對象的形式存在的，每個(gè)函數(shù)都是一個(gè)對象。但是，外部函數(shù)卻不能夠訪問定義在內(nèi)部函數(shù)中的變量和函數(shù)。特點(diǎn)局部變量在函數(shù)中定義有共享意義如緩存計(jì)數(shù)器等的局部變量。

Function

函數(shù)是這樣一段JavaScript代碼它只定義一次但可能被執(zhí)行或調(diào)用多次，F(xiàn)unction類型是JavaScript提供的引用類型之一通過Function類型創(chuàng)建Function對象。在JavaScript中，函數(shù)也是以對象的形式存在的，每個(gè)函數(shù)都是一個(gè)Function對象。

定義函數(shù)的三種方法

/*1.函數(shù)的聲明方式*/
function fun() {
    console .log("this is a function");
}
fun();
/*2.字面量方式*/
var fn = function () {
    console.log("this is a function");
}
fn();
/*3.創(chuàng)建Function類型的對象（就是一個(gè)函數(shù)）*/
var fun3 = new Function ("a","console.log(a)");
fun3(100);
/*語法：
var 函數(shù)名 = new Function（"參數(shù)"，"函數(shù)體"）；
*/

Object與Function

/*1.Object與Function都是自身類型*/
console .log(Object instanceof Object);//true
console .log(Function instanceof Function);//true
/*2.Object自身是構(gòu)造函數(shù)，所有的函數(shù)都是Function類型*/
console .log(Object instanceof Function);true
/*3.Function是引用類型，用于創(chuàng)建對象，是對象都是Object類型*/
console .log(Function instanceof Object);

Function屬性 apply方法

Function的apply()方法用于調(diào)用一個(gè)函數(shù) 并且接受指定的this值以及一個(gè)數(shù)組作為參數(shù)

/*定義一個(gè)函數(shù)*/
function fun (value){
    console .log("this is "+value);
}
/*第一種調(diào)用形式，語法結(jié)構(gòu)：函數(shù)名稱（）*/
fun("10");
/*2.第二種調(diào)用方式*/
/*apply (thisArg,argArry)方法
* 參數(shù)
       thisArg-this
       argArry-數(shù)組，作為參數(shù)（實(shí)參的列表）
       */
fun.apply(null,["tn"]);

call方法

Function的call()方法用于調(diào)用一個(gè)函數(shù) 并且接受指定的this值作為參數(shù) 以及參數(shù)列表

/*定義一個(gè)函數(shù)*/
function fun(value){
    console .log("this is "+value);
}
/*1.函數(shù)調(diào)用*/
fun (100);
/*2.apply方式調(diào)用*/
fun.apply(null,[100]);
/*3.call方法調(diào)用*/
fun.call(null,100);
/*語法結(jié)構(gòu)：函數(shù)名.call（thisArg，arg1，arg2,...）*/

bind方法

語法：
bind(thisArg,arg1,arg2,arg3....)
*作用：用于創(chuàng)建一個(gè)新函數(shù)（成為綁定函數(shù)）

參數(shù)

 *thisArg-this
  * arg1，arg2...-表示參數(shù)列表
  * 返回值-表示返回新的函數(shù)

function fun (value){
    console .log("this is "+ value);
    
}
fun("20");
var f = fun.bind(null,50);
f();

arguments對象

由于JS的函數(shù)中，不存在重載，所以使用arguments對象實(shí)現(xiàn)模擬重載

function add(){
    var num= arguments.length;
    switch(num){
        case 2:
            return arguments[0] + arguments[1];
            break;
        case 3:
            return arguments[0] + arguments[1] + arguments[2];
            break;
        case 4:
            return arguments[0] + arguments[1] + arguments[2] + arguments[3];
            break;

    }
}
console .log(add(0,1));
console .log(add(0,1,2));
console .log(add(0, 1,2,3));

函數(shù)的遞歸

調(diào)用自身的函數(shù)被稱之為遞歸函數(shù) 在某種意義上說遞歸近似于循環(huán) 兩者都有重復(fù)執(zhí)行相同的代碼并且兩者都需要一個(gè)終止條件以避免無限循環(huán)或者無限遞歸

function fn(v){
    console.log(v);
    if (v >= 10) {
        return;
    }
    // fn(v + 1);
    arguments.callee(v + 1);
}
// fn(0);

var f = fn;
fn = null;
f(0);
// console.log(f);

特殊函數(shù) 匿名函數(shù)

匿名函數(shù)的作用：
1.將匿名函數(shù)作為參數(shù)傳遞給其他函數(shù) -> 回調(diào)函數(shù)
2.將匿名函數(shù)用于執(zhí)行一次性任務(wù) -> 自調(diào)函數(shù)

回調(diào)函數(shù)

當(dāng)一個(gè)函數(shù)作為參數(shù)傳遞給另一個(gè)函數(shù)時(shí)，作為參數(shù)的函數(shù)被稱之為回調(diào)函數(shù)

var one = function(){
    return 1;
}

function fn(v){
    return v();
}

或者是

var result = fn(function(){return 1;});

console.log(result);

自調(diào)函數(shù)

所謂自調(diào)函數(shù)就是在定義函數(shù)后自行調(diào)用

/*
    自調(diào)函數(shù) - 定義即調(diào)用的函數(shù)
    * 第一個(gè)小括號 - 用于定義函數(shù)
    * 第二個(gè)小括號 - 用于調(diào)用函數(shù)
 */
// 全局作用域 - 生命周期：JavaScript文件從執(zhí)行到執(zhí)行完畢
(function(value){
    // 函數(shù)作用域 - 生命周期：從函數(shù)調(diào)用到調(diào)用完畢
    console.log("this is " + value);
})("function");
// 表達(dá)式語法
(function(value){
    // 函數(shù)作用域 - 生命周期：從函數(shù)調(diào)用到調(diào)用完畢
    console.log("this is " + value);
}("function"));

!function(value){
    // 函數(shù)作用域 - 生命周期：從函數(shù)調(diào)用到調(diào)用完畢
    console.log("this is " + value);
}("function");

+function(value){
    // 函數(shù)作用域 - 生命周期：從函數(shù)調(diào)用到調(diào)用完畢
    console.log("this is " + value);
}("function");

作為值的函數(shù)

將一個(gè)函數(shù)作為另一個(gè)函數(shù)的結(jié)果進(jìn)行返回，作為結(jié)果返回的函數(shù)稱之為作為值得函數(shù)

var one = function(){
    return 100;
}

function fun(){
    var v = 100;
   return function(){
        return v;
    };
}

閉包概述

JavaScript允許函數(shù)嵌套，并且內(nèi)部函數(shù)可以訪問定義在外部函數(shù)中的所有變量和函數(shù)，以及外部函數(shù)能訪問的所有變量和函數(shù)。但是，外部函數(shù)卻不能夠訪問定義在內(nèi)部函數(shù)中的變量和函數(shù)。當(dāng)內(nèi)部函數(shù)以某一種方式被任何一個(gè)外部函數(shù)作用域訪問時(shí)，一個(gè)閉包就產(chǎn)生了。閉包就是該函數(shù)能使用函數(shù)外定義的變量。

特點(diǎn)

1.局部變量：在函數(shù)中定義有共享意義(如：緩存、計(jì)數(shù)器等)的局部變量。(注意：定義成全局變量會對外造成污染)
2.內(nèi)部函數(shù)：在函數(shù)(f)中聲明有內(nèi)嵌函數(shù)，內(nèi)嵌函數(shù)(g)對函數(shù)(f)中的局部變量進(jìn)行訪問
3.外部使用：函數(shù)(f)向外返回此內(nèi)嵌函數(shù)(g)，外部可以通過此內(nèi)嵌函數(shù)持有并訪問聲明在函數(shù)(f)中的局部變量，而此變量在外部是通過其他途徑無法訪問的

作用

1.提供可共享的局部變量
2.保護(hù)共享的局部變量提供專門的讀寫變量的函數(shù)
3.避免全局污染