JavaScriptに関数が存在するかどうかを確認するにはどうすればよいですか？

私のコードは

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

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

ただし、onChangeロードされない場合があります。Firebugエラー

me.onChangeは関数ではありません

これは私のプログラムで最も重要な機能ではないので、優雅に降格したいと思います。typeof同じエラーが発生します。

それが存在することを確認してから実行する方法に関する提案はありますonChangeか？

（1つの作業をキャッチする以外の方法はありません）

次のようなものを試してください：

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

またはそれ以上（UpTheCreekの賛成投票による）

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

私はこの問題を抱えていました。

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

objが未定義の場合、参照エラーをスローし続けます。

最後に私は次のことをしました：

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

同僚は私に!== 'undefined'、それ=== 'function'が実際にあるかどうかを確認することはもちろん冗長であると指摘しました。

よりシンプル：

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

かなりすっきりとして機能します。

文字列を関数に変換するためにevalを使用していて、このevalされたメソッドが存在するかどうかを確認する場合は、eval内でtypeofと関数文字列を使用する必要があります。

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

これを元に戻してtypeofをevalで試さないでください。ReferenceErrorがスローされる場合：

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

どうですか：

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

例えば

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

またはあなたの場合について：

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

MDN docsを参照してください。

試してくださいtypeof- 関数の'undefined'場合、存在しないと言って探してください'function'。このコードのJSFiddle

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

または次のように：

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

または、戻り値を使用して、1行で：

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

これは提案されていませんでした：me.onChange && me.onChange（str）;

基本的に、me.onChangeが未定義の場合（開始されていない場合）、後の部分は実行されません。me.onChangeが関数の場合、me.onChange（str）を実行します。

あなたはさらに進んで行うことさえできます：

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

私も非同期の場合。

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

私にとって最も簡単な方法：

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

プロパティが実際に関数であることを確認するために、さらに1ステップ進みます。

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

私はこの方法を使うのが好きです：

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

使用法：

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

Underscore.jsライブラリーは、isFunctionメソッドでこれを次のように定義します（コメントは、いくつかのブラウザーのバグに対応する可能性があることを示唆しています）

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

または

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

二重の感嘆符を付けるie !! 確認したい関数名の前。存在する場合はtrueを返します。

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

一言で言えば、例外をキャッチします。

この投稿で例外キャッチについて誰も答えたりコメントしたりしていないことに本当に驚いています。

詳細：ここでは、マスクフィールドのプレフィックスとフォームフィールド「名前」のサフィックスが付いた関数を照合する例を示します。JavaScriptが関数を見つけられない場合は、catchセクションで希望どおりに処理できるReferenceErrorをスローする必要があります。

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

条件なし

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

私はそれを疑うだろう meオンロードが正しく割り当てられていないのはないとます。

get_ID呼び出しをonclickイベントに移動することで処理されます。

明らかに、前述のようにさらにトラップできます。

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

私はいつもこのようにチェックします：

if(!myFunction){return false;}

この関数を使用するコードの前に配置するだけです

関数名に追加された変数（この場合はvar 'x'）によって関数名が異なる場合がありました。これは機能します：

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

次の単純なjQueryコードでうまくいくはずです。

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

私は受け入れられた答えを試しました。しかしながら：

console.log(typeof me.onChange);

「未定義」を返します。仕様に「onChange」ではなく「onchange」というイベントが記述されていることに気付きました（キャメルケースに注意してください）。

元の受け入れられた回答を次のように変更するとうまくいきました：

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

jQueryプラグインである関数をチェックする場合は、$。fn.myfunctionを使用する必要があります

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

私はこの問題のエレガントな解決策も探していました。よく考えた結果、私はこのアプローチが一番良いと思いました。

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

救助のための最新のJavascript！

これは長い回答リストで見られる可能性が低いかもしれませんが、新しいオプションのチェーン構文により言語レベルで解決されました*。

me.onChange?.(str)

それはそれと同じくらい簡単です- onChange存在する場合にのみ呼び出されます。

場合はonChange何も起こらない、存在し、そして発現戻っていないundefined-それはあなたがそうでなければ使用したいという戻り値を持っている場合、あなたは、単にこの値を確認することができます!== undefined続行する前に。

エッジケースの警告- 存在しても機能しない場合onChange は、を取得します。これは、ご想像のとおり、非関数を関数として呼び出そうとするのと同じですが、オプションの連鎖は、これをなくすための魔法を使わないことを明示的に指摘する価値があります。TypeError

_{*さて、技術的に言えば、オプションチェーンはまだステージ4 TC39提案であるため、まだECMAScript仕様には含まれていませんが、ステージ4は最終的なものであり、その包含が本質的に保証されており、新しいバージョンが出荷されるのを待っています。今日、最終的なバージョンの構文は、Babelを介して、変更されないことを確信して使用できます。Typescriptにもあります！}

ここでの作業とチェックするための簡単な解決策である機能の存在をし、動的にその機能をトリガする別の関数では、

トリガー機能

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

そして、あなたはおそらくこのようにphpを使用して動的に関数を生成することができます

function runThis_func(my_Parameter){

    alert(my_Parameter +" triggerd");
}

これで、動的に生成されたイベントを使用して関数を呼び出すことができます

<?php

$name_frm_somware ="runThis_func";

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

?>

必要な正確なHTMLコードは

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

そして、これがあります...

( document.exitPointerLock || Function )();

これを試してください：

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

私が携帯電話でこれを書いたことに注意してください大文字の問題および/または関数名の例などの必要なその他の修正が含まれている可能性があります

PHPのような関数でvarが設定されているかどうかを確認する場合：

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

上記の回答を説明するために、ここに簡単な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.' );
}