亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript中的6種變體函數(shù)的區(qū)別和應(yīng)用

 更新時(shí)間:2025年01月11日 14:32:07   作者:李游LEO  
JavaScript?中函數(shù)調(diào)用有許多獨(dú)特的變體方式,例如?~function、-function?等,這些變體不僅展現(xiàn)了?JavaScript?語(yǔ)言的靈活性,也可以在某些場(chǎng)景下讓代碼更加簡(jiǎn)潔,本文將通過(guò)示例代碼和解析,來(lái)全面剖析這些特殊的函數(shù)調(diào)用方式及其返回值的區(qū)別

JavaScript 中函數(shù)調(diào)用有許多獨(dú)特的變體方式,例如 ~function、-function 等。這些變體不僅展現(xiàn)了 JavaScript 語(yǔ)言的靈活性,也可以在某些場(chǎng)景下讓代碼更加簡(jiǎn)潔。本文將通過(guò)示例代碼和解析,來(lái)全面剖析這些特殊的函數(shù)調(diào)用方式及其返回值的區(qū)別。

IIFE 的基礎(chǔ):自執(zhí)行函數(shù)

在深入了解特殊調(diào)用方式之前,我們先來(lái)復(fù)習(xí)一下 IIFE(Immediately Invoked Function Expression,立即執(zhí)行函數(shù)表達(dá)式)。

(function() {
    console.log("IIFE 基礎(chǔ)調(diào)用");
    return 1;
})();
// 輸出:IIFE 基礎(chǔ)調(diào)用

IIFE 是一種通過(guò)定義后立即調(diào)用函數(shù)的方式,常用于創(chuàng)建私有作用域。

特殊調(diào)用方式及返回值解析

以下是一些 JavaScript 中特殊的函數(shù)調(diào)用變體:

1. ~function

~ 是按位非運(yùn)算符,但用于函數(shù)前時(shí),會(huì)將函數(shù)轉(zhuǎn)換為表達(dá)式,并立即執(zhí)行。

let result = ~function() {
    console.log("調(diào)用 ~function");
    return 1;
}();

console.log(result); // 輸出 -2

解析:

  • 函數(shù)返回值為 1。
  • ~1 等于 -2,因?yàn)榘次环菚?huì)對(duì)值取反。

2. -function

- 是取負(fù)號(hào)運(yùn)算符,作用與 ~ 類(lèi)似。

let result = -function() {
    console.log("調(diào)用 -function");
    return 1;
}();

console.log(result); // 輸出 -1

解析:

  • 函數(shù)返回值為 1。
  • -1 就是返回值的負(fù)數(shù)。

3. +function

+ 是一元加運(yùn)算符,通常用于將值顯式轉(zhuǎn)換為數(shù)字。

let result = +function() {
    console.log("調(diào)用 +function");
    return "123";
}();

console.log(result); // 輸出 123

解析:

  • 函數(shù)返回值為字符串 "123"
  • +"123" 轉(zhuǎn)換為數(shù)字 123。

4. !function

! 是邏輯非運(yùn)算符,用于將返回值取反。

let result = !function() {
    console.log("調(diào)用 !function");
    return 0;
}();

console.log(result); // 輸出 true

解析:

  • 函數(shù)返回值為 0。
  • !0 結(jié)果為 true。

5. void function

void 運(yùn)算符用于忽略表達(dá)式的返回值。

let result = void function() {
    console.log("調(diào)用 void function");
    return 1;
}();

console.log(result); // 輸出 undefined

解析:

  • void 強(qiáng)制返回 undefined,忽略了函數(shù)的實(shí)際返回值。

6. function 前加括號(hào)

加括號(hào)是最常見(jiàn)的 IIFE 調(diào)用方式,確保函數(shù)被解釋為表達(dá)式。

let result = (function() {
    console.log("調(diào)用 (function)");
    return 42;
})();

console.log(result); // 輸出 42

解析:

  • 加括號(hào)明確告訴解析器這是一個(gè)表達(dá)式,執(zhí)行并返回 42。

不同調(diào)用方式的對(duì)比

通過(guò)一個(gè)綜合示例來(lái)看這些調(diào)用方式的差異:

let fn = function() {
    return 5;
};

console.log(~fn()); // 輸出 -6
console.log(-fn()); // 輸出 -5
console.log(+fn()); // 輸出 5
console.log(!fn()); // 輸出 false
console.log(void fn()); // 輸出 undefined

實(shí)際應(yīng)用場(chǎng)景

  1. 模塊化開(kāi)發(fā): 特殊調(diào)用方式常用于構(gòu)建工具或庫(kù)中,以創(chuàng)建隔離的作用域,避免全局變量污染。
  2. 簡(jiǎn)化邏輯: 在處理布爾邏輯或需要立即執(zhí)行的代碼時(shí),使用 !function~function 可以顯著簡(jiǎn)化代碼。
  3. 特定轉(zhuǎn)換: +function 常用于確保返回值是數(shù)字。

總結(jié)

這些特殊的函數(shù)調(diào)用方式充分體現(xiàn)了 JavaScript 語(yǔ)言的靈活性。雖然大多數(shù)場(chǎng)景下普通調(diào)用已經(jīng)足夠,但在某些特定需求中,這些變體方式能帶來(lái)更高的代碼簡(jiǎn)潔性和可讀性。

希望這篇文章能幫助你更好地理解和掌握這些特殊的 JavaScript 函數(shù)調(diào)用方式。如果你有其他有趣的用法,歡迎留言分享!

到此這篇關(guān)于JavaScript中的6種變體函數(shù)的區(qū)別和應(yīng)用的文章就介紹到這了,更多相關(guān)JavaScript中的變體函數(shù)應(yīng)用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JS實(shí)現(xiàn)猜拳游戲

    JS實(shí)現(xiàn)猜拳游戲

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)猜拳游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • 你可能不知道的前端算法之文字避讓?zhuān)╥nMap)

    你可能不知道的前端算法之文字避讓?zhuān)╥nMap)

    這篇文章主要給大家介紹了關(guān)于前端算法之文字避讓的相關(guān)資料,對(duì)于這個(gè)知識(shí)相信很多的朋友都不知道,但看到效果會(huì)驚嘆不已,實(shí)現(xiàn)這一個(gè)效果主要利用的是inMap文字避讓功能,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2018-01-01
  • Js模塊打包exports require import的用法和區(qū)別

    Js模塊打包exports require import的用法和區(qū)別

    這篇文章主要介紹了Js模塊打包exports require import的用法和區(qū)別,對(duì)模塊打包感興趣的同學(xué),可以參考下
    2021-05-05
  • JS面試必備之手寫(xiě)instanceof,深拷貝,節(jié)流和防抖

    JS面試必備之手寫(xiě)instanceof,深拷貝,節(jié)流和防抖

    JavaScript如何實(shí)現(xiàn)手寫(xiě)instanceof、深拷貝、節(jié)流、防抖也是面試時(shí)常常考到的知識(shí)點(diǎn),這篇文章為大家進(jìn)行了詳細(xì)介紹,需要的可以參考一下
    2023-05-05
  • js模擬濾鏡的圖片漸顯效果

    js模擬濾鏡的圖片漸顯效果

    js模擬濾鏡的圖片漸顯效果...
    2007-02-02
  • JavaScript實(shí)現(xiàn)購(gòu)物車(chē)基本功能

    JavaScript實(shí)現(xiàn)購(gòu)物車(chē)基本功能

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)購(gòu)物車(chē)的基本功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 小程序hover-class點(diǎn)擊態(tài)效果實(shí)現(xiàn)

    小程序hover-class點(diǎn)擊態(tài)效果實(shí)現(xiàn)

    這篇文章主要介紹了小程序hover-class點(diǎn)擊態(tài)效果實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-02-02
  • 前端常見(jiàn)問(wèn)答之flat()和flatMap()有哪些不同

    前端常見(jiàn)問(wèn)答之flat()和flatMap()有哪些不同

    這篇文章主要介紹了JavaScript中的flat()和flatMap()方法,解釋了它們的功能、使用方法和應(yīng)用場(chǎng)景,flat()用于將嵌套數(shù)組壓平,而flatMap()則是在壓平的同時(shí)對(duì)每個(gè)元素進(jìn)行轉(zhuǎn)換,需要的朋友可以參考下
    2024-11-11
  • JavaScript返回上一頁(yè)的三種方法及區(qū)別介紹

    JavaScript返回上一頁(yè)的三種方法及區(qū)別介紹

    這篇文章主要介紹了JavaScript返回上一頁(yè)的三種方法及區(qū)別介紹,本文直接給出示例代碼,需要的朋友可以參考下
    2015-07-07
  • 原生js實(shí)現(xiàn)俄羅斯方塊

    原生js實(shí)現(xiàn)俄羅斯方塊

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)俄羅斯方塊,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-10-10

最新評(píng)論