首頁  >  文章  >  web前端  >  javascript沒有名稱的函數叫什麼

javascript沒有名稱的函數叫什麼

青灯夜游
青灯夜游原創
2021-04-09 16:32:342833瀏覽

在javascript中,沒有名稱的函數叫做“匿名函數”,語法“function (){}”。匿名函數的作用:1.透過匿名函數可以實現閉包;2、模擬區塊級作用域,減少全域變數。

javascript沒有名稱的函數叫什麼

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

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

首先我們宣告一個普通函數:

//声明一个普通函数,函数的名字叫fn
function fn(){
    console.log("hello world");
}

然後將函數的名字去掉即是匿名函數:

//匿名函数,咦,运行时,你会发现报错啦!
function (){
    console.log("hello world");
}

到此,你會發現單獨執行一個匿名函數,由於不符合文法要求,報錯囉!解決方法只需為匿名函數包裹一個括號即可:

//匿名函数在其它应用场景括号可以省略
(function (){
    //由于没有执行该匿名函数,所以不会执行匿名函数体内的语句。
    console.log("hello world");
})

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

(function (){
    //此时会输出hello world
    console.log("hello world");
})()

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

(function (str){
    //此时会输出hello world!
    console.log("hello");
})(" world!")

【推薦學習:javascript高階教學

#匿名函數的應用場景

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());//我是一只小小小小留下,怎么飞也飞不高!

4、回呼函數

setInterval(function(){
    console.log("我其实是一个回调函数,每次1秒钟会被执行一次");
},1000);

5、傳回值

//将匿名函数作为返回值
function fn(){
    //返回匿名函数
    return function(){
        return "hello world";
    }
}
//调用匿名函数
console.log(fn()());//hello world
//或
var box=fn();
console.log(box());//hello world

模仿區塊層級作用域

  • 區塊層級作用域,有的地方稱為私有作用域。 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、模擬區塊級作用域,減少全域變數。執行完匿名函數,儲存在記憶體中相對應的變數會被銷毀,從而節省記憶體。再者,在大型多人開發的專案中,使用區塊級作用域,會大幅降低命名衝突的問題,從而避免產生災難性的後果。自此開發者再也不必擔心搞亂全域作用域了。

更多程式相關知識,請造訪:程式設計影片! !

以上是javascript沒有名稱的函數叫什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn