JavaScript 函數(shù)是否存在是一個(gè)非常重要的問(wèn)題，在日常的編程中，我們需要不斷地判斷一個(gè)函數(shù)是否存在。這些情況一般發(fā)生在我們引用第三方庫(kù)或者依賴對(duì)應(yīng)的JS文件時(shí)，由于網(wǎng)絡(luò)或者其他原因，我們無(wú)法確定對(duì)應(yīng)的函數(shù)是否已經(jīng)被正確加載。

如果我們?cè)谑褂脮r(shí)沒(méi)有判斷函數(shù)是否存在，那么就有可能會(huì)出現(xiàn)代碼崩潰等情況，因此，正確地判斷 JavaScript 函數(shù)是否存在是我們?cè)陂_發(fā)過(guò)程中必須要掌握的標(biāo)準(zhǔn)操作。

下面的代碼演示了如何通過(guò)使用typeof操作符和arguments.length來(lái)判斷一個(gè)函數(shù)是否已經(jīng)被正確定義：

if (typeof functionName === 'function' && functionName.length >0) {
console.log("Function exists!");
} else {
console.error("Function does not exist!");
}

當(dāng)我們使用第三方庫(kù)時(shí)，一般需要多次判斷其中的某個(gè)函數(shù)是否已經(jīng)成功加載后才能使用：

function checkLibraryFunction() {
if (typeof myThirdPartyLibrary === 'undefined') {
setTimeout(checkLibraryFunction, 500);
return;
}
if (typeof myThirdPartyLibrary.myFunction === 'function') {
myThirdPartyLibrary.myFunction();
} else {
console.error("Function does not exist in the third party library!");
}
}
checkLibraryFunction();

在實(shí)際開發(fā)中，我們需要經(jīng)常使用try-catch結(jié)構(gòu)來(lái)判斷某個(gè)函數(shù)是否存在。下面的代碼里面，我們定義了一個(gè)函數(shù)evalIfExists()，該函數(shù)接受一個(gè)字符串參數(shù)并執(zhí)行它：

function evalIfExists(str) {
try {
return eval(str);
} catch (e) {
return null;
}
}

我們可以使用上述函數(shù)來(lái)判斷一個(gè)函數(shù)是否存在：

if (evalIfExists("myFunction") !== null && typeof myFunction === 'function') {
console.log("Function exists!");
} else {
console.error("Function does not exist!");
}

在使用eval語(yǔ)句檢查函數(shù)存在時(shí)需要注意，由于eval()函數(shù)有可能將變量定義在全局區(qū)域，因此，在使用eval()函數(shù)前，我們需要在代碼中顯示地進(jìn)行變量定義：

var myFunction = function() {
console.log("Hello world!");
};
if (evalIfExists("myFunction") !== null && typeof myFunction === 'function') {
console.log("Function exists!");
} else {
console.error("Function does not exist!");
}

總之，在 JavaScript 開發(fā)中，我們需要時(shí)刻注意對(duì)函數(shù)存在性進(jìn)行判斷，確保代碼在運(yùn)行時(shí)的健壯性。