Làm cách nào để kiểm tra xem hàm có tồn tại trong JavaScript không?

Mã của tôi là

function getID( swfID ){
     if(navigator.appName.indexOf("Microsoft") != -1){
          me = window[swfID];
     }else{
          me = document[swfID];
     }
}

function js_to_as( str ){
     me.onChange(str);
}

Tuy nhiên, đôi khi tôi onChangekhông tải. Lỗi Firebird với

me.onChange không phải là một chức năng

Tôi muốn xuống cấp một cách duyên dáng bởi vì đây không phải là tính năng quan trọng nhất trong chương trình của tôi. typeofđưa ra lỗi tương tự.

Bất kỳ đề xuất về làm thế nào để đảm bảo rằng nó tồn tại và sau đó chỉ thực hiện onChange?

(Không có phương pháp nào dưới đây ngoại trừ thử bắt một tác phẩm)

Hãy thử một cái gì đó như thế này:

if (typeof me.onChange !== "undefined") { 
    // safe to use the function
}

hoặc tốt hơn nữa (theo nhận xét nâng cấp của UpTheCalet)

if (typeof me.onChange === "function") { 
    // safe to use the function
}

Tôi đã có vấn đề này.

if (obj && typeof obj === 'function') { ... }

tiếp tục ném một lỗi tham chiếu nếu obj tình cờ không được xác định.

Cuối cùng, tôi đã làm như sau:

if (typeof obj !== 'undefined' && typeof obj === 'function') { ... }

Một đồng nghiệp chỉ ra cho tôi rằng kiểm tra nếu nó !== 'undefined'và sau đó === 'function'là không cần thiết của khóa học.

Đơn giản hơn:

if (typeof obj === 'function') { ... }

Sạch hơn nhiều và hoạt động tuyệt vời.

Nếu bạn đang sử dụng eval để chuyển đổi một chuỗi thành chức năng và bạn muốn kiểm tra xem phương thức eval'd này có tồn tại hay không, bạn sẽ muốn sử dụng typeof và chuỗi chức năng của bạn trong một eval :

var functionString = "nonexsitantFunction"
eval("typeof " + functionString) // returns "undefined" or "function"

Không đảo ngược này và thử một typeof trên eval . Nếu bạn làm ReferenceError sẽ bị ném:

var functionString = "nonexsitantFunction"
typeof(eval(functionString)) // returns ReferenceError: [function] is not defined

Làm thế nào về:

if('functionName' in Obj){
    //code
}

ví dụ

var color1 = new String("green");
"length" in color1 // returns true
"indexOf" in color1 // returns true
"blablabla" in color1 // returns false

hoặc như trường hợp của bạn:

if('onChange' in me){
    //code
}

Xem tài liệu MDN .

Hãy thử typeof- Tìm kiếm 'undefined'để nói rằng nó không tồn tại, 'function'cho một chức năng. Mã xác nhận mã này

function thisishere() {
    return false;
}
alert("thisishere() is a " + typeof thisishere);
alert("thisisnthere() is " + typeof thisisnthere);

Hoặc như là một:

if (typeof thisishere === 'function') {
    // function exists
}

Hoặc với giá trị trả về, trên một dòng duy nhất:

var exists = (typeof thisishere === 'function') ? "Value if true" : "Value if false";
var exists = (typeof thisishere === 'function') // Returns true or false

Không thấy đề xuất này: me.onChange && me.onChange (str);

Về cơ bản nếu me.onChange không được xác định (sẽ là nếu nó chưa được khởi tạo) thì nó sẽ không thực thi phần sau. Nếu me.onChange là một hàm, nó sẽ thực thi me.onChange (str).

Bạn thậm chí có thể đi xa hơn và làm:

me && me.onChange && me.onChange(str);

trong trường hợp tôi là async là tốt.

//Simple function that will tell if the function is defined or not
function is_function(func) {
    return typeof window[func] !== 'undefined' && $.isFunction(window[func]);
}

//usage

if (is_function("myFunction") {
        alert("myFunction defined");
    } else {
        alert("myFunction not defined");
    }

Đối với tôi cách dễ nhất:

function func_exists(fname)
{
  return (typeof window[fname] === 'function');
}

Tôi sẽ đi thêm 1 bước nữa để đảm bảo tài sản thực sự là một chức năng

function js_to_as( str ){
     if (me && me.onChange && typeof me.onChange === 'function') {
         me.onChange(str);
     }
}

function js_to_as( str ){
     if (me && me.onChange)
         me.onChange(str);
}

Tôi thích sử dụng phương pháp này:

function isFunction(functionToCheck) {
  var getType = {};
  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
}

Sử dụng:

if ( isFunction(me.onChange) ) {
    me.onChange(str); // call the function with params
}

Thư viện Underscore.js định nghĩa nó trong phương thức isFactor vì điều này (mà các bình luận gợi ý có thể phục vụ cho một số lỗi trình duyệt)

typeof obj == 'function' || false

http://underscorejs.org/docs/underscore.html#section-143

function function_exists(function_name)
{
    return eval('typeof ' + function_name) === 'function';
}
alert(function_exists('test'));
alert(function_exists('function_exists'));

HOẶC LÀ

function function_exists(func_name) {
  //  discuss at: http://phpjs.org/functions/function_exists/
  // original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  // improved by: Steve Clay
  // improved by: Legaev Andrey
  // improved by: Brett Zamir (http://brett-zamir.me)
  //   example 1: function_exists('isFinite');
  //   returns 1: true

  if (typeof func_name === 'string') {
    func_name = this.window[func_name];
  }
  return typeof func_name === 'function';
}

Đặt dấu chấm than kép tức là !! trước tên hàm mà bạn muốn kiểm tra. Nếu nó tồn tại, nó sẽ trở lại đúng.

function abc(){
}
!!window.abc; // return true
!!window.abcd; // return false

Trong một vài từ: bắt ngoại lệ.

Tôi thực sự ngạc nhiên không ai trả lời hoặc nhận xét về Exception Catch trên bài đăng này.

Chi tiết: Dưới đây là một ví dụ trong đó tôi cố gắng khớp một hàm có tiền tố là mask_ và được thêm vào bởi trường tên "tên". Khi JavaScript không tìm thấy hàm, nó sẽ ném ReferenceError mà bạn có thể xử lý như bạn muốn trên phần bắt.

function inputMask(input) {
  try {
    let maskedInput = eval("mask_"+input.name);

    if(typeof maskedInput === "undefined")
        return input.value;
    else
        return eval("mask_"+input.name)(input);

  } catch(e) {
    if (e instanceof ReferenceError) {
      return input.value;
    }
  }
}

Không có điều kiện

me.onChange=function(){};

function getID( swfID ){
     if(navigator.appName.indexOf("Microsoft") != -1){
          me = window[swfID];
     }else{
          me = document[swfID];
     }
}

function js_to_as( str ){
     me.onChange(str);
}

Tôi nghi ngờ rằng mekhông được gán chính xác tải.

Di chuyển cuộc gọi get_ID vào sự kiện onclick sẽ chăm sóc nó.

Rõ ràng bạn có thể bẫy thêm như đã đề cập trước đây:

function js_to_as( str) {
  var me = get_ID('jsExample');
  if (me && me.onChange) {
    me.onChange(str);
  }
}

Tôi luôn kiểm tra như thế này:

if(!myFunction){return false;}

chỉ cần đặt nó trước bất kỳ mã nào sử dụng chức năng này

Tôi đã có trường hợp tên của hàm thay đổi theo một biến (var 'x' trong trường hợp này) được thêm vào tên hàm. Những công việc này:

if ( typeof window['afunction_'+x] === 'function' ) { window['afunction_'+x](); } 

Mã jQuery đơn giản này nên thực hiện thủ thuật:

if (jQuery.isFunction(functionName)) {
    functionName();
}

Tôi đã thử câu trả lời được chấp nhận; Tuy nhiên:

console.log(typeof me.onChange);

trả về 'không xác định'. Tôi đã nhận thấy rằng thông số kỹ thuật nêu rõ một sự kiện gọi là 'onchange' thay vì 'onChange' (chú ý đến camelCase).

Thay đổi câu trả lời được chấp nhận ban đầu thành các câu trả lời sau đây cho tôi:

if (typeof me.onchange === "function") { 
  // safe to use the function
}

Nếu bạn đang kiểm tra một hàm là một plugin jQuery, bạn cần sử dụng $ .fn.myfeft

if (typeof $.fn.mask === 'function') {
    $('.zip').mask('00000');
}

Tôi cũng đã tìm kiếm một giải pháp tao nhã cho vấn đề này. Sau nhiều suy ngẫm, tôi thấy cách tiếp cận này tốt nhất.

const func = me.onChange || (str => {}); func(str);

Javascript hiện đại để giải cứu!

Điều này có thể không có cơ hội lớn để được nhìn thấy với danh sách dài các câu trả lời, nhưng điều này hiện đã được giải quyết * ở cấp độ ngôn ngữ với cú pháp Chuỗi tùy chọn mới

me.onChange?.(str)

Nó đơn giản như thế - onChangechỉ được gọi nếu nó tồn tại .

Nếu onChangekhông tồn tại, không có gì xảy ra và biểu thức trả về undefined- vì vậy nếu nó có giá trị trả về mà bạn sử dụng, bạn chỉ cần kiểm tra giá trị này !== undefinedtrước khi tiếp tục.

Cảnh báo trường hợp cạnh - nếu onChange không tồn tại nhưng không phải là một chức năng, bạn nhận được mộtTypeError . Điều này đúng như bạn mong đợi, nó giống như việc cố gắng gọi bất kỳ chức năng nào không phải là một chức năng, nhưng đáng để chỉ ra một cách rõ ràng rằng Chuỗi tùy chọn không làm bất kỳ phép thuật nào để biến điều này biến mất.

_{* Chà, về mặt kỹ thuật, Chaining tùy chọn vẫn là đề xuất TC39 giai đoạn 4, vì vậy chưa có trong thông số ECMAScript, nhưng giai đoạn 4 có nghĩa là nó đã được hoàn thiện và về cơ bản nó được bảo đảm, nó chỉ chờ một phiên bản mới được phát hành. Bạn có thể sử dụng cú pháp trong phiên bản cuối cùng của nó ngày hôm nay thông qua Babel với sự tự tin rằng nó sẽ không thay đổi. Nó thậm chí còn trong Bản in!}

Đây là một giải pháp đơn giản và hiệu quả để kiểm tra sự tồn tại của một chức năng và kích hoạt chức năng đó một cách linh hoạt bởi một chức năng khác;

Chức năng kích hoạt

function runDynamicFunction(functionname){ 

    if (typeof window[functionname] == "function") { //check availability

        window[functionname]("this is from the function it"); // run function and pass a parameter to it
    }
}

và bây giờ bạn có thể tạo hàm một cách linh hoạt có thể sử dụng php như thế này

function runThis_func(my_Parameter){

    alert(my_Parameter +" triggerd");
}

bây giờ bạn có thể gọi hàm bằng cách sử dụng sự kiện được tạo động

<?php

$name_frm_somware ="runThis_func";

echo "<input type='button' value='Button' onclick='runDynamicFunction(\"".$name_frm_somware."\");'>";

?>

mã HTML chính xác bạn cần là

<input type="button" value="Button" onclick="runDynamicFunction('runThis_func');">

    function sum(nb1,nb2){

       return nb1+nb2;
    }

    try{

      if(sum() != undefined){/*test if the function is defined before call it*/

        sum(3,5);               /*once the function is exist you can call it */

      }

    }catch(e){

      console.log("function not defined");/*the function is not defined or does not exists*/
    }

Và sau đó là ...

( document.exitPointerLock || Function )();

Hãy thử cái này:

Window.function_exists=function(function_name,scope){
//Setting default scope of none is provided
If(typeof scope === 'undefined') scope=window;
//Checking if function name is defined
If (typeof function_name === 'undefined') throw new 
Error('You have to provide an valid function name!');
//The type container
var fn= (typeof scope[function_name]);
//Function type
If(fn === 'function') return true;
//Function object type
if(fn.indexOf('function')!== false) return true; 
return false;
}

Xin lưu ý rằng tôi đã viết thư này bằng điện thoại di động của mình Có thể chứa một số vấn đề về chữ hoa và / hoặc các chỉnh sửa khác cần thiết như ví dụ tên hàm

Nếu bạn muốn một hàm như PHP kiểm tra xem var có được đặt không:

Window.isset=function (variable_con){
If(typeof variable_con !== 'undefined') return true;
return false;
}

Để minh họa các câu trả lời trước, ở đây một đoạn mã JSFiddle nhanh:

function test () {
console.log()

}

console.log(typeof test) // >> "function"

// implicit test, in javascript if an entity exist it returns implcitly true unless the element value is false as :
// var test = false
if(test){ console.log(true)}
else{console.log(false)}

// test by the typeof method
if( typeof test === "function"){ console.log(true)}
else{console.log(false)}


// confirm that the test is effective : 
// - entity with false value
var test2 = false
if(test2){ console.log(true)}
else{console.log(false)}

// confirm that the test is effective :
// - typeof entity
if( typeof test ==="foo"){ console.log(true)}
else{console.log(false)}

/* Expected :
function
true 
true 
false
false
*/

// just pass your tested function name instead of myFunctionName
if ( $.isFunction($.fn.myFunctionName) ) {
    console.log( 'write your code here.' );
}