javascript 用函數(shù)語句和表達式定義函數(shù)的區(qū)別詳解
使用javascript多年，寫過無數(shù)函數(shù)，今天卻才真正弄明白兩種函數(shù)定義的區(qū)別，真是悲劇，寫下這個隨筆， 以時刻提醒自己要打好基礎 ， 一大把年紀了， 不能繼續(xù)懵懵懂懂了。
通常我們會看到以下兩種定義函數(shù)的方式：
// 函數(shù)語句
function fn(str)
{
console.log(str);
};
// 表達式定義
var fnx=function(str)
{
console.log(str+ ' from fnx');
};
以前都是憑借自己手指的感覺隨心所欲使用兩者 -_- || ，今天看了js基礎， 總算是解決了心中對他們的困惑：
兩種方式都創(chuàng)建了新的函數(shù)對象， 但函數(shù)聲明語句的函數(shù)名是一個變量名， 變量指向函數(shù)對象， 和通過var聲明變量一樣，函數(shù)定義語句中的函數(shù)被顯示地提前到了腳本或函數(shù)的頂部， 因此它們在整個腳本和函數(shù)內都是可見的，但是使用var 表達式定義函數(shù)， 只有變量聲明提前了，變量初始化代碼仍然在原來的位置， 用函數(shù)語句創(chuàng)建的函數(shù)， 函數(shù)名稱和函數(shù)體均被提前，所以我們可以在聲明它之前就使用它。
代碼例子如下:
console.log(typeof(fn)); // function
fn('abc'); // abc
console.log(typeof(fnx)); // undefined
if(fnx)
fnx('abc'); // will not execute
else
console.log('fnx is undefined'); // fnx is undefined
// 函數(shù)語句
function fn(str)
{
console.log(str);
};
// 表達式定義
var fnx=function(str)
{
console.log(str+ ' from fnx');
};
代碼很簡單， 希望和我之前一樣沒有弄明白兩者區(qū)別的同學能有所收獲 。
- js function定義函數(shù)使用心得
- js function定義函數(shù)的幾種不錯方法
- JavaScript中定義函數(shù)的三種方法
- JavaScript定義函數(shù)的三種實現(xiàn)方法
- 比較常見的javascript中定義函數(shù)的區(qū)別
- 淺談javascript:兩種注釋,聲明變量,定義函數(shù)
- 常用原生js自定義函數(shù)總結
- JavaScript 中定義函數(shù)用 var foo = function () {} 和 function foo()區(qū)別介紹
- javascript十個最常用的自定義函數(shù)(中文版)
- JS定義函數(shù)的幾種常用方法小結
相關文章
Bootstrap網(wǎng)頁布局網(wǎng)格的實現(xiàn)
柵格就是網(wǎng)格，本文詳細的介紹了Bootstrap網(wǎng)頁布局網(wǎng)格的原理和實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
webpack5處理圖片、圖標字體、多媒體等靜態(tài)資源文件
在 webpack5 中內置了 file-loader、url-loader、raw-loader, 可以直接通過配置實現(xiàn)常用功能,下面就來介紹一下webpack5處理圖片、圖標字體、多媒體等靜態(tài)資源文件的實現(xiàn)方法,感興趣的可以了解一下2023-12-12
PDF.js是由Mozilla支持的基于HTML5的PDF查看器,可以在web上解析和呈現(xiàn)PDF文件,它支持內容檢索、頁面跳轉、文件打印等功能,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了JavaScript 閉包機制詳解及實例代碼的相關資料,需要的朋友可以參考下2016-10-10
事件委托，也叫事件代理，是JavaScript中綁定事件的一種常用技巧。就是將原本需要綁定在子元素的響應事件委托給父元素或更外層元素，讓外層元素擔當事件監(jiān)聽的職務。本文將詳細為大家介紹JavaScript事件委托的用法，需要的可以參考一下2022-01-01
JS實現(xiàn)select選中option觸發(fā)事件操作示例
這篇文章主要介紹了JS實現(xiàn)select選中option觸發(fā)事件操作,結合實例形式總結分析了javascript針對select下拉選中option項觸發(fā)事件相關操作技巧,需要的朋友可以參考下2018-07-07
js 生成密匙流 腳本代碼...2007-09-09
本文是腳本之家小編日常整理的關于javascript知識點，包括javascript擁有的特點，組成部分，數(shù)據(jù)類型等方面，對javascript知識點相關知識感興趣的朋友一起學習吧2015-12-12
前端請求全面解析之AJAX、Axios?與?Fetch的使用詳解與代碼示例
這篇文章主要介紹了前端請求全面解析之AJAX、Axios?與?Fetch的使用詳解與代碼示例,AJAX是早期的異步請求技術,FetchAPI是現(xiàn)代的基于Promise的請求方案,Axios是第三方庫,支持自動轉換JSON、攔截器等功能,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
這篇文章主要介紹了ES6新特性之函數(shù)的擴展,實例形式較為詳細的分析了ES6針對函數(shù)參數(shù)、運算符及相關新特性的擴展操作與注意事項,需要的朋友可以參考下2017-04-04