จะทราบได้อย่างไรว่ามีการกำหนดฟังก์ชัน JavaScript หรือไม่

คุณจะทราบได้อย่างไรว่ามีการกำหนดฟังก์ชันใน JavaScript หรือไม่

ฉันต้องการทำอะไรแบบนี้

function something_cool(text, callback) {
    alert(text);
    if( callback != null ) callback();
}

แต่มันทำให้ฉันได้รับ

โทรกลับไม่ใช่ฟังก์ชั่น

ข้อผิดพลาดเมื่อไม่ได้กำหนดโทรกลับ

typeof callback === "function"

คำตอบปัจจุบันทั้งหมดใช้สตริงตัวอักษรซึ่งฉันไม่ต้องการให้มีในรหัสถ้าเป็นไปได้ - นี่ไม่ได้ (และให้ความหมายเชิงความหมายที่มีคุณค่าในการบูต):

function isFunction(possibleFunction) {
  return typeof(possibleFunction) === typeof(Function);
}

โดยส่วนตัวฉันพยายามลดจำนวนสตริงที่ห้อยอยู่ในรหัสของฉัน ...

นอกจากนี้ในขณะที่ฉันรู้ว่าtypeofเป็นตัวดำเนินการและไม่ใช่ฟังก์ชั่นมีความเสียหายเล็กน้อยในการใช้ไวยากรณ์ที่ทำให้ดูเหมือนเป็นหลัง

if (callback && typeof(callback) == "function")

โปรดทราบว่าการโทรกลับ (ด้วยตัวเอง) ประเมินfalseถ้ามันเป็นundefined, null, หรือ0 falseเปรียบเทียบกับnullเฉพาะเจาะจงมากเกินไป

วิธีการเหล่านั้นเพื่อบอกว่าฟังก์ชั่นการใช้งานยังล้มเหลวหากไม่ได้กำหนดตัวแปรดังนั้นเราจึงใช้บางอย่างที่มีประสิทธิภาพมากกว่าที่รองรับการรับสาย:

function isFunctionDefined(functionName) {
    if(eval("typeof(" + functionName + ") == typeof(Function)")) {
        return true;
    }
}

if (isFunctionDefined('myFunction')) {
    myFunction(foo);
}

ใหม่สำหรับ JavaScript ฉันไม่แน่ใจว่าพฤติกรรมมีการเปลี่ยนแปลงหรือไม่ แต่โซลูชันที่ Jason Bunting ให้ (6 ปีที่แล้ว) ไม่ทำงานหากไม่ได้กำหนดฟังก์ชันที่เป็นไปได้

function isFunction(possibleFunction) {
  return (typeof(possibleFunction) == typeof(Function));
}

นี้จะโยน ReferenceError: possibleFunction is not definedข้อผิดพลาดในขณะที่เอ็นจินพยายามแก้ไขสัญลักษณ์ที่เป็นไปได้ฟังก์ชั่น (ดังที่กล่าวไว้ในความคิดเห็นต่อคำตอบของเจสัน)

เพื่อหลีกเลี่ยงพฤติกรรมนี้คุณสามารถส่งชื่อฟังก์ชั่นที่คุณต้องการตรวจสอบว่ามีอยู่หรือไม่ ดังนั้น

var possibleFunction = possibleFunction || {};
if (!isFunction(possibleFunction)) return false;

ชุดนี้ตัวแปรจะเป็นฟังก์ชั่นที่คุณต้องการตรวจสอบหรือวัตถุที่ว่างเปล่าถ้ามันไม่ได้กำหนดและเพื่อหลีกเลี่ยงปัญหาดังกล่าวข้างต้น

ลอง:

if (typeof(callback) == 'function')

function something_cool(text, callback){
    alert(text);
    if(typeof(callback)=='function'){ 
        callback(); 
    };
}

if ('function' === typeof callback) ...

typeof(callback) == "function"

ฉันอาจทำ

try{
    callback();
}catch(e){};

ฉันรู้ว่ามีคำตอบที่ยอมรับได้ แต่ไม่มีใครแนะนำสิ่งนี้ ฉันไม่แน่ใจว่านี่เหมาะกับคำอธิบายของสำนวนหรือไม่ แต่มันใช้ได้กับทุกกรณี

ในเอ็นจิน JavaScript ที่ใหม่กว่าfinallyสามารถใช้แทนได้

ลองสิ่งนี้:

callback instanceof Function

หากคุณดูที่แหล่งที่มาของห้องสมุด @Venkat Sudheer Reddy Aedama พูดถึงขีดล่างคุณสามารถเห็นสิ่งนี้:

_.isFunction = function(obj) {
  return typeof obj == 'function' || false;
};

นี่เป็นเพียงคำใบ้ของฉันคำใบ้คำตอบ:>

ลอง:

if (!(typeof(callback)=='undefined')) {...}

หากคุณใช้http://underscorejs.orgคุณมี: http://underscorejs.org/#isFunction

_.isFunction(callback);

ฉันกำลังหาวิธีตรวจสอบว่ามีการกำหนดฟังก์ชั่น jQuery หรือไม่และไม่พบว่าง่าย

อาจจำเป็นต้องใช้;)

if(typeof jQuery.fn.datepicker !== "undefined")

หากcallback()คุณกำลังโทรหาไม่ใช่เพียงครั้งเดียวในฟังก์ชั่นคุณสามารถเริ่มต้นอาร์กิวเมนต์เพื่อนำมาใช้ใหม่:

callback = (typeof callback === "function") ? callback : function(){};

ตัวอย่างเช่น:

function something_cool(text, callback) {
    // Initialize arguments
    callback = (typeof callback === "function") ? callback : function(){};

    alert(text);

    if (text==='waitAnotherAJAX') {
        anotherAJAX(callback);
    } else {
        callback();
    }
}

ข้อ จำกัด คือมันจะดำเนินการโต้แย้งกลับแม้ว่ามันจะไม่ได้กำหนด

สำหรับฟังก์ชั่นทั่วโลกคุณสามารถใช้สิ่งนี้แทนevalคำแนะนำในหนึ่งในคำตอบ

var global = (function (){
    return this;
})();

if (typeof(global.f) != "function")
    global.f = function f1_shim (){
        // commonly used by polyfill libs
    };

คุณสามารถใช้global.f instanceof Functionเช่นกัน แต่ afaik ค่าของFunctionจะแตกต่างกันในเฟรมที่แตกต่างกันดังนั้นมันจะทำงานเฉพาะกับแอปพลิเคชันเฟรมเดียวอย่างถูกต้อง นั่นเป็นเหตุผลที่เรามักจะใช้typeofแทน โปรดทราบว่าในบางสภาพแวดล้อมอาจมีความผิดปกติtypeof fเช่นกันโดย MSIE 6-8 ฟังก์ชั่นบางอย่างเช่นalertมีประเภท "วัตถุ"

โดยฟังก์ชั่นท้องถิ่นคุณสามารถใช้หนึ่งในคำตอบที่ได้รับการยอมรับ คุณสามารถทดสอบว่าฟังก์ชั่นท้องถิ่นหรือทั่วโลกเช่นกัน

if (typeof(f) == "function")
    if (global.f === f)
        console.log("f is a global function");
    else
        console.log("f is a local function");

เพื่อตอบคำถามรหัสตัวอย่างทำงานให้ฉันโดยไม่มีข้อผิดพลาดในเบราว์เซอร์ล่าสุดดังนั้นฉันไม่แน่ใจว่าเกิดปัญหาอะไร:

function something_cool(text, callback) {
    alert(text);
    if( callback != null ) callback();
}

หมายเหตุ: ฉันจะใช้callback !== undefinedแทนcallback != nullแต่พวกเขาเกือบจะเหมือนกัน

ส่วนใหญ่ถ้าไม่ใช่คำตอบก่อนหน้าทั้งหมดมีผลข้างเคียงที่จะเรียกใช้ฟังก์ชั่น

ปฏิบัติที่ดีที่สุดที่นี่

คุณมีฟังก์ชั่น

function myFunction() {
        var x=1;
    }

//direct way
        if( (typeof window.myFunction)=='function')
            alert('myFunction is function')
        else
            alert('myFunction is not defined');

//byString
        var strFunctionName='myFunction'
        if( (typeof window[strFunctionName])=='function')
            alert(s+' is function');
        else
            alert(s+' is not defined');

หากคุณต้องการกำหนดฟังก์ชั่นใหม่วิธีที่ดีที่สุดคือใช้ตัวแปรฟังก์ชั่นซึ่งกำหนดไว้ในลำดับการเกิดขึ้นเนื่องจากฟังก์ชั่นถูกกำหนดไว้ทั่วโลกไม่ว่าจะเกิดขึ้นที่ใด

ตัวอย่างของการสร้างฟังก์ชั่นใหม่ที่เรียกใช้ฟังก์ชั่นก่อนหน้านี้ที่มีชื่อเดียวกัน:

A=function() {...} // first definition
...
if (typeof A==='function')
   oldA=A;
A=function() {...oldA()...} // new definition

สิ่งนี้ใช้ได้สำหรับฉัน

if( cb && typeof( eval( cb ) ) === "function" ){
    eval( cb + "()" );
}

โซลูชันบรรทัดเดียว:

function something_cool(text, callback){
    callback && callback();
}