Jak sprawdzić, czy funkcja istnieje w JavaScript?

Mój kod to

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

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

Czasami jednak mój onChangenie ładuje się. Błędy Firebug z

me.onChange nie jest funkcją

Chcę degradować z wdziękiem, ponieważ nie jest to najważniejsza funkcja w moim programie. typeofdaje ten sam błąd.

Wszelkie sugestie, jak upewnić się, że istnieje, a następnie wykonać tylko onChange?

(Żadna z poniższych metod, z wyjątkiem próby złapania jednej pracy)

Wypróbuj coś takiego:

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

lub jeszcze lepiej (zgodnie z komentarzem UpTheCreek)

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

Miałem ten problem.

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

ciągle zgłaszał błąd referencyjny, jeśli obj się zdefiniowany.

Na koniec zrobiłem następujące:

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

Kolega zwrócił mi uwagę, że sprawdzenie, czy tak jest, !== 'undefined'a następnie === 'function'jest zbędne.

Prostsze:

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

Dużo czystszy i działa świetnie.

Jeśli używasz eval do konwersji ciągu na funkcję i chcesz sprawdzić, czy ta metoda eval'd istnieje, będziesz chciał użyć typeof i ciągu funkcji wewnątrz eval :

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

Nie odwracaj tego i wypróbuj typof na eval . Jeśli to zrobisz, zostanie wygenerowany błąd ReferenceError:

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

Co powiesz na:

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

na przykład

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

lub jak w twoim przypadku:

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

Zobacz dokumenty MDN .

Spróbuj typeof- poszukaj 'undefined', że 'function'funkcja nie istnieje . JSFiddle dla tego kodu

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

Lub jako:

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

Lub z wartością zwracaną w jednym wierszu:

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

Nie widziałem tego sugerowanego: me.onChange && me.onChange (str);

Zasadniczo, jeśli me.onChange jest niezdefiniowany (co będzie, jeśli nie został zainicjowany), to nie wykona drugiej części. Jeśli me.onChange jest funkcją, wykona me.onChange (str).

Możesz nawet pójść dalej i zrobić:

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

w przypadku gdy ja też jestem asynchroniczny.

//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");
    }

Dla mnie najprostszy sposób:

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

Pójdę o krok dalej, aby upewnić się, że właściwość jest rzeczywiście funkcją

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);
}

Lubię używać tej metody:

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

Stosowanie:

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

Biblioteka Underscore.js definiuje go w metodzie isFunction w ten sposób (co sugeruje komentarze, może uwzględniać niektóre błędy przeglądarki)

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'));

LUB

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';
}

Umieść podwójny wykrzyknik tj. !! przed nazwą funkcji, którą chcesz sprawdzić. Jeśli istnieje, zwróci wartość true.

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

W kilku słowach: złap wyjątek.

Jestem naprawdę zaskoczony, że nikt jeszcze nie odpowiedział ani nie skomentował tego wyjątku.

Szczegół: Oto przykład, w którym próbuję dopasować funkcję, która jest poprzedzona maską i sufiksem w polu formularza „name”. Gdy JavaScript nie znajdzie tej funkcji, powinien zgłosić błąd ReferenceError, który możesz obsłużyć, jak chcesz, w sekcji catch.

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;
    }
  }
}

Bez warunków

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);
}

Podejrzewam, że menie jest poprawnie przypisywane obciążenie.

Przeniesienie wywołania get_ID do zdarzenia onclick powinno się tym zająć.

Oczywiście możesz dalej łapać pułapki, jak wspomniano wcześniej:

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

Zawsze sprawdzam tak:

if(!myFunction){return false;}

po prostu umieść go przed kodem korzystającym z tej funkcji

Miałem przypadek, w którym nazwa funkcji zmieniała się w zależności od zmiennej (w tym przypadku var 'x') dodanej do nazwy funkcji. To działa:

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

Ten prosty kod jQuery powinien załatwić sprawę:

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

Próbowałem zaakceptować odpowiedź; jednak:

console.log(typeof me.onChange);

zwraca „niezdefiniowany”. Zauważyłem, że specyfikacja zawiera zdarzenie o nazwie „onchange” zamiast „onChange” (zwróć uwagę na camelCase).

Zmiana oryginalnej zaakceptowanej odpowiedzi na następującą działała dla mnie:

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

Jeśli szukasz funkcji, która jest wtyczką jQuery, musisz użyć funkcji $ .fn.myfunction

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

Szukałem również eleganckiego rozwiązania tego problemu. Po długiej refleksji uznałem to podejście za najlepsze.

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

Nowoczesne Javascript na ratunek!

Może nie być to wielka szansa na zobaczenie z długą listą odpowiedzi, ale jest to teraz rozwiązane * na poziomie języka dzięki nowej składni Opcjonalnego Łączenia

me.onChange?.(str)

To takie proste - onChangewywoływane jest tylko wtedy, gdy istnieje .

Jeśli onChangenie istnieje, nic się nie dzieje, a wyrażenie powraca undefined- więc jeśli ma wartość zwracaną, której w innym przypadku użyłbyś, możesz po prostu sprawdzić tę wartość !== undefinedprzed kontynuowaniem.

Krawędź przypadek zastrzeżenie - jeśli onChange nie istnieje, ale to nie funkcja, to dostać TypeError. Jest to, jak można się spodziewać, to tak samo, jak próba wywołania dowolnej niefunkcji jako funkcji, ale warto wyraźnie zaznaczyć, że Opcjonalne Łączenie łańcuchów nie robi żadnej magii, aby to zniknęło.

_{* Cóż, technicznie rzecz biorąc Opcjonalne Łączenie jest nadal propozycją TC39 etapu 4, więc nie jest jeszcze w specyfikacji ECMAScript, ale etap 4 oznacza, że ​​jest sfinalizowany, a jego włączenie jest zasadniczo gwarantowane, po prostu czeka na nową wersję. Możesz użyć składni w jej ostatecznej wersji już dziś przez Babel, mając pewność, że się nie zmieni. Jest nawet w maszynopisie!}

Oto działające i proste rozwiązanie do sprawdzania istnienia funkcji i dynamicznego uruchamiania tej funkcji przez inną funkcję;

Funkcja wyzwalania

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
    }
}

i możesz teraz generować funkcję dynamicznie, być może używając php w ten sposób

function runThis_func(my_Parameter){

    alert(my_Parameter +" triggerd");
}

teraz możesz wywołać funkcję za pomocą dynamicznie generowanego zdarzenia

<?php

$name_frm_somware ="runThis_func";

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

?>

dokładnie taki kod HTML, jakiego potrzebujesz

<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*/
    }

A potem jest to ...

( document.exitPointerLock || Function )();

Spróbuj tego:

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;
}

Pamiętaj, że napisałem to na telefonie komórkowym Może zawierać pewne duże litery i / lub inne niezbędne poprawki, takie jak na przykład nazwa funkcji

Jeśli chcesz, aby funkcja taka jak PHP sprawdzała, czy ustawiony jest var:

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

Aby zilustrować poprzednie odpowiedzi, tutaj krótki fragment kodu JSFiddle:

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.' );
}