久久精品视频只有这里-插入女人小穴视频在线观看-日韩欧美精品在线观看免费-综合亚洲欧美日韩综合久久

Javascript中什么是匿名函數?

2020/11/17 9:27:11   閱讀:2884    發布者:2884

匿名函數:沒有實際名字的函數。

在Javascript定義一個函數一般有如下三種方式: 

函數關鍵字(function)語句: 
function fnMethodName(x){alert(x);} 

函數字面量(Function Literals): 
var fnMethodName = function(x){alert(x);} 

Function()構造函數: 
var fnMethodName = new Function('x','alert(x);')

上面三種方法定義了同一個方法函數fnMethodName,

第1種就是最常用的方法,后兩種都是把一個函數復制給變量fnMethodName,而這個函數是沒有名字的,即匿名函數。

function (){

    console.log("李四");

}

到此,你會發現單獨運行一個匿名函數,由于不符合語法要求,報錯啦!解決方法只需要給匿名函數包裹一個括號即可:

//匿名函數在其它應用場景括號可以省略

(function (){

    //由于沒有執行該匿名函數,所以不會執行匿名函數體內的語句。

    console.log("李四");

})

如果需要執行匿名函數,在匿名函數后面加上一個括號即可立即執行!

(function (){

    //此時會輸出李四

    console.log("李四");

})()

倘若需要傳值,直接將參數寫到括號內即可:

(function (str){

    //此時會輸出李四好帥!

    console.log("李四"+str);

})("好帥!")

 
匿名函數的應用場景

1、事件

<input type="button" value="點我?。? id="sub">

<script>

    //獲得按鈕元素

    var sub=document.querySelector("#sub");

    //給按鈕增加點擊事件。

    sub.onclick=function(){

        alert("當點擊按鈕時會執行到我哦!");

    }

</script>

 

2、對象

var obj={

    name:"李四",

    age:18,

    fn:function(){

        return "我叫"+this.name+"今年"+this.age+"歲了!";

    }

};

console.log(obj.fn());//我叫李四今年18歲了!

 

3、函數表達式

//將匿名函數賦值給變量fn。

var fn=function(){

    return "我是一只小小小小留下,怎么飛也飛不高!"

}

//調用方式與調用普通函數一樣

console.log(fn());//我是一只小小小小留下,怎么飛也飛不高!

 



 

模仿塊級作用域

塊級作用域,有的地方稱為私有作用域。JavaScript中是沒有塊級作用域的,例如:

if(1==1){//條件成立,執行if代碼塊語句。

    var a=12;//a為全局變量

}

console.log(a);//12

for(var i=0;i<3;i++){
    console.log(i);
}

console.log(i);//4

if(){}for(){}等沒有自己的作用域。如果有,出了自己的作用域,聲明的變量就會立即被銷毀了。但是咱們可以通過匿名函數來模擬塊級作用域:

(function(){

    //這里是我們的塊級作用域(私有作用域)

})();

嘗試塊級作用域:

function fn(){

    (function(){

        var la="啦啦啦!";

    })();
    console.log(la);//報錯---la is not defined
}

fn();

匿名函數的作用:

1、通過匿名函數可以實現閉包。

2、模擬塊級作用域,減少全局變量。