মান একটি ফাংশন কিনা তা পরীক্ষা করা হচ্ছে

Question 1

কোনও ফর্মের মান onsubmitএকটি ফাংশন কিনা তা আমাকে পরীক্ষা করতে হবে। ফর্ম্যাটটি সাধারণত হয় onsubmit="return valid();"। এটি কোনও ফাংশন কিনা তা বলার উপায় আছে এবং এটি কলযোগ্য কিনা? টাইপফ ব্যবহার করে কেবল ফিরে আসে যে এটি একটি স্ট্রিং, যা আমাকে খুব বেশি সহায়তা করে না।

সম্পাদনা : অবশ্যই, আমি বুঝতে পারি যে "রিটার্ন বৈধ ();" একটি স্ট্রিং। আমি replaceএটিকে "বৈধ ();" এবং "বৈধ ()" এ নামিয়ে রেখেছি । আমি জানতে চাই যে এগুলির কোনওটি একটি ফাংশন কিনা।

সম্পাদনা : এখানে কিছু কোড রয়েছে যা আমার সমস্যাটি ব্যাখ্যা করতে সহায়তা করতে পারে:

$("a.button").parents("form").submit(function() {
    var submit_function = $("a.button").parents("form").attr("onsubmit");
    if ( submit_function && typeof( submit_function.replace(/return /,"") ) == 'function' ) {
        return eval(submit_function.replace(/return /,""));
    } else {
        alert("onSubmit is not a function.\n\nIs the script included?"); return false;
    }
} );

সম্পাদনা 2 : এখানে নতুন কোড। দেখে মনে হচ্ছে আমাকে এখনও একটি evল ব্যবহার করতে হবে, কারণ কলিং ফর্ম.সাম্বিট () বিদ্যমান অনসামিতগুলিকে আগুন জ্বালিয়ে দেয় না।

var formObj = $("a.button").parents("form");
formObj.submit(function() {
    if ( formObj[0].onsubmit && typeof( formObj.onsubmit ) == 'function' ) {
        return eval(formObj.attr("onsubmit").replace(/return /,""));
    } else {
        alert("onSubmit is not a function.\n\nIs the script included?");
        return false;
    }
} );

সম্ভবত এটি আরও কীভাবে করা যায় সে সম্পর্কে পরামর্শগুলি?

Question 2

আমি অ্যাঙ্কর লিঙ্কটি দিয়ে একটি জমা বোতামটি প্রতিস্থাপন করছি। যেহেতু form.submit () কে কল করা অনস্মিতগুলিকে সক্রিয় করে না, তাই আমি এটি সন্ধান করছি এবং নিজেই এটি আবিষ্কার করছি। তবে আমি যাচাই করে দেখতে চাই ফাংশনটি উপস্থিত রয়েছে কিনা তা আগেই দেখানোর আগে (সেখানে) রয়েছে ing - gms8994

<script type="text/javascript">
function onsubmitHandler() {
    alert('running onsubmit handler');
    return true;
}
function testOnsubmitAndSubmit(f) {
    if (typeof f.onsubmit === 'function') {
        // onsubmit is executable, test the return value
        if (f.onsubmit()) {
            // onsubmit returns true, submit the form
            f.submit();
        }
    }
}
</script>

<form name="theForm" onsubmit="return onsubmitHandler();">
<a href="#" onclick="
    testOnsubmitAndSubmit(document.forms['theForm']);
    return false;
"></a>
</form>

সম্পাদনা: ফাংশন টেস্টঅনুবমিটঅ্যান্ডসবমিটে প্যারামিটারটি অনুপস্থিত

আপনি onsubmitএইচটিএমএল বৈশিষ্ট্য নির্ধারণ করেন বা এটি জাভাস্ক্রিপ্টে নির্ধারিত করেছেন তা নির্বিশেষে উপরেরগুলিতে কাজ করা উচিত :

document.forms['theForm'].onsubmit = onsubmitHandler;

Question 3

চেষ্টা করুন

if (this.onsubmit instanceof Function) {
    // do stuff;
}

Question 4

আপনি কেবল typeofসংক্ষিপ্তসার জন্য একটি টার্নারি অপারেটরের সাথে অপারেটরটি সহজেই ব্যবহার করতে পারেন :

onsubmit="return typeof valid =='function' ? valid() : true;"

যদি এটি কোনও ফাংশন হয় তবে আমরা এটিকে কল করব এবং এটির ফেরতের মান ফিরিয়ে দেব, অন্যথায় কেবল ফিরে আসুন true

সম্পাদনা করুন:

আপনি সত্যিই কী করতে চান তা সম্পর্কে আমি নিশ্চিত নই, তবে কী ঘটতে পারে তা আমি ব্যাখ্যা করার চেষ্টা করব।

আপনি যখন onsubmitএইচটিএমএল এর মধ্যে আপনার কোডটি ঘোষণা করেন , তখন এটি কোনও ফাংশনে রূপান্তরিত হয় এবং এভাবে জাভাস্ক্রিপ্ট "বিশ্ব" থেকে তার কলযোগ্য। এর অর্থ এই যে দুটি পদ্ধতি সমান:

HTML: <form onsubmit="return valid();" />
JavaScript: myForm.onsubmit = function() { return valid(); };

এই দুটি উভয় ফাংশন হবে এবং উভয় কলযোগ্য হবে। আপনি ব্যবহার করছেন তাদের কোন পরীক্ষা করতে পারেন typeof: অপারেটর যা একই ফলাফল yeld উচিত "function"।

এখন আপনি যদি জাভাস্ক্রিপ্টের মাধ্যমে "অনসামিত" সম্পত্তিটিতে একটি স্ট্রিং অর্পণ করেন তবে এটি স্ট্রিং থাকবে, সুতরাং কলযোগ্য নয়। লক্ষ্য করুন যে আপনি যদি typeofঅপারেটরের বিরুদ্ধে এটি প্রয়োগ করেন তবে আপনি তার "string"পরিবর্তে পেয়ে যাবেন "function"।

আমি আশা করি এটি কিছু বিষয় স্পষ্ট করে দিতে পারে। তারপরে আবারও যদি আপনি জানতে চান যে এই জাতীয় সম্পত্তি (বা বিষয়টির জন্য কোনও সনাক্তকারী) কোনও ফাংশন এবং কলযোগ্য, typeofঅপারেটরটিকে কৌশলটি করা উচিত। যদিও আমি নিশ্চিত নই যে এটি একাধিক ফ্রেম জুড়ে সঠিকভাবে কাজ করে।

চিয়ার্স

Question 5

আপনি কোন ব্রাউজার ব্যবহার করছেন?

alert(typeof document.getElementById('myform').onsubmit);

এটি আমাকে functionআই 7 এবং ফায়ারফক্সে " " দেয় ।

Question 6

স্ট্রিং ভিত্তিক ভেরিয়েবলটিকে উদাহরণ হিসাবে ব্যবহার করা এবং ব্যবহার করা instanceof Function আপনি ফাংশনটি নিবন্ধভুক্ত করুন ... ভেরিয়েবলটি সাইন ইন করুন ... ভেরিয়েবলটি ফাংশনের নামটি পরীক্ষা করুন ... প্রাক-প্রক্রিয়া করুন ... ফাংশনটি নতুন ভারে নির্ধারণ করুন ... তারপরে ফাংশন কল।

function callMe(){
   alert('You rang?');
}

var value = 'callMe';

if (window[value] instanceof Function) { 
    // do pre-process stuff
    // FYI the function has not actually been called yet
    console.log('callable function');
    //now call function
   var fn = window[value];
   fn();
}

Question 7

নিশ্চিত করুন যে আপনি টাইপফোনটি প্রকৃত ফাংশনে কল করছেন, স্ট্রিং আক্ষরিক নয়:

function x() { 
    console.log("hi"); 
}

typeof "x"; // returns "string"

typeof x; // returns "function"

Question 8

আপনার প্রয়োজন অনুসারে আপনি এই কৌশলটি পরিবর্তন করার চেষ্টা করতে পারেন:

 function isFunction() {
   var functionName = window.prompt('Function name: ');
   var isDefined = eval('(typeof ' + functionName + '==\'function\');');
   if (isDefined)
     eval(functionName + '();');
   else
     alert('Function ' + functionName + ' does not exist');
 }
 function anotherFunction() {
   alert('message from another function.');
 }

Question 9

ফর্ম উপাদানগুলির HTML হিসাবে একটি বৈশিষ্ট্য হিসাবে সংজ্ঞায়িত করা হলে form.onsubmit সর্বদা একটি ফাংশন হবে। এটি এইচটিএমএল উপাদানগুলির সাথে সংযুক্ত কিছু ধরণের বেনামি ফাংশন, যার এই পয়েন্টারটি সেই ফর্ম উপাদানটির সাথে আবদ্ধ এবং এর সাথে একটি প্যারামিটার eventরয়েছে যা জমা দেওয়ার ইভেন্টের ডেটা ধারণ করবে।

এই পরিস্থিতিতে আমি বুঝতে পারছি না টাইপফুলের অপারেশনের ফলে আপনি কীভাবে স্ট্রিং পেলেন। আপনার আরও বিশদ দেওয়া উচিত, আরও ভাল কিছু কোড।

সম্পাদনা করুন (আপনার দ্বিতীয় সম্পাদনের প্রতিক্রিয়া হিসাবে):

আমি বিশ্বাস করি যে এইচটিএমএল বৈশিষ্ট্যের সাথে সংযুক্ত হ্যান্ডলারটি উপরের কোড নির্বিশেষে নির্বাহ করবে। আরও আরও, আপনি এটি কোনওভাবে বন্ধ করার চেষ্টা করতে পারেন, তবে, এটি উপস্থিত হয় যে এফএফ 3, আই 8, ক্রোম 2 এবং অপেরা 9 প্রথমে এইচটিএমএল বৈশিষ্ট্য হ্যান্ডলারটি কার্যকর করছে এবং তারপরে সংযুক্ত একটি (আমি jQuery দিয়ে পরীক্ষা করিনি) যদিও, তবে addEventListener এবং AttEvent সহ) with সুতরাং ... আপনি ঠিক কি অর্জন করতে চেষ্টা করছেন?

যাইহোক, আপনার কোডটি কাজ করছে না কারণ আপনার নিয়মিত প্রকাশটি "বৈধ ();" স্ট্রিংটি বের করবে, যা অবশ্যই কোনও ফাংশন নয়।

Question 10

যদি এটি একটি স্ট্রিং হয় তবে আপনি ধরে নিতে পারেন / আশা করতে পারেন এটি সর্বদা ফর্মের

return SomeFunction(arguments);

ফাংশনটির নামটি বিশ্লেষণ করুন এবং তারপরে দেখুন যদি সেই ফাংশনটি ব্যবহার করে সংজ্ঞায়িত করা হয়

if (window[functionName]) { 
    // do stuff
}

Question 11

ঠিক আছে, "return valid();" এটি একটি স্ট্রিং, তাই এটি সঠিক।

পরিবর্তে এটির কোনও ফাংশন সংযুক্ত রয়েছে কিনা তা যদি আপনি পরীক্ষা করতে চান তবে আপনি এটি চেষ্টা করতে পারেন:

formId.onsubmit = function (){ /* */ }

if(typeof formId.onsubmit == "function"){
  alert("it's a function!");
}

Question 12

আমি মনে করি বিভ্রান্তির উত্স হ'ল নোডের গুণাবলী এবং সংশ্লিষ্ট সম্পত্তির মধ্যে পার্থক্য ।

আপনি ব্যবহার করছেন:

$("a.button").parents("form").attr("onsubmit")

আপনি সরাসরি পড়ি onsubmit অ্যাট্রিবিউট এর মান (যা উচিত নয় একটি স্ট্রিং হতে)। পরিবর্তে, আপনার নোডের onsubmit সম্পত্তি অ্যাক্সেস করা উচিত :

$("a.button").parents("form").prop("onsubmit")

এখানে একটি দ্রুত পরীক্ষা:

<form id="form1" action="foo1.htm" onsubmit="return valid()"></form>
<script>
window.onload = function () {
    var form1 = document.getElementById("form1");

    function log(s) {
        document.write("<div>" + s + "</div>");
    }

    function info(v) {
        return "(" + typeof v + ") " + v;
    }

    log("form1 onsubmit property: " + info(form1.onsubmit));
    log("form1 onsubmit attribute: " + info(form1.getAttribute("onsubmit")));
};
</script>

এই ফলন:

form1 অনসামিত সম্পত্তি: (ফাংশন) ফাংশন অনসমিট (ইভেন্ট) valid বৈধ () ফেরত; }
form1 অনসামিত বৈশিষ্ট্য: (স্ট্রিং) বৈধ ()

Question 13

  if ( window.onsubmit ) {
     //
  } else {
     alert("Function does not exist.");
  }

Question 14

হয় না typeof xxx === 'function' সবচেয়ে ভাল এবং দ্রুততম?

উদাহরণস্বরূপ এবং বাইরের তুলনায় আপনি এটি চেষ্টা করতে পারেন এমন একটি বেঞ্চ তৈরি করেছি

এটি কেবল উদাহরণের চেয়ে দ্রুত বলে মনে হচ্ছে (ক্রোম ব্যবহার করে)
ভেরিয়েবল সংজ্ঞায়িত না হলে এটি ত্রুটি টানবে না

এখানে একটি বেঞ্চ: https://jsbench.me/qnkf076cqb/1

Question 15

আপনি সবসময় ক্রিস ওয়েস্টের মতো জাভাস্ক্রিপ্ট ব্লগে টাইপ অফ ফাংশনগুলির একটি ব্যবহার করতে পারেন । typeOf()ফাংশনটির জন্য নিম্নলিখিতগুলির মতো সংজ্ঞা ব্যবহার করা কাজ করবে:

function typeOf(o){return {}.toString.call(o).slice(8,-1)}

এই ফাংশনটি (যা বিশ্বব্যাপী নেমস্পেসে ঘোষিত হয়েছে) এটি ব্যবহার করা যেতে পারে:

alert("onsubmit is a " + typeOf(elem.onsubmit));

যদি এটি কোনও ফাংশন হয় তবে "ফাংশন" ফিরিয়ে দেওয়া হবে। এটি যদি স্ট্রিং হয় তবে "স্ট্রিং" ফিরিয়ে দেওয়া হবে। অন্যান্য সম্ভাব্য মানগুলি এখানে দেখানো হয়েছে ।

Question 16

// This should be a function, because in certain JavaScript engines (V8, for
// example, try block kills many optimizations).
function isFunction(func) {
    // For some reason, function constructor doesn't accept anonymous functions.
    // Also, this check finds callable objects that aren't function (such as,
    // regular expressions in old WebKit versions), as according to EcmaScript
    // specification, any callable object should have typeof set to function.
    if (typeof func === 'function')
        return true

    // If the function isn't a string, it's probably good idea to return false,
    // as eval cannot process values that aren't strings.
    if (typeof func !== 'string')
        return false

    // So, the value is a string. Try creating a function, in order to detect
    // syntax error.
    try {
        // Create a function with string func, in order to detect whatever it's
        // an actual function. Unlike examples with eval, it should be actually
        // safe to use with any string (provided you don't call returned value).
        Function(func)
        return true
    }
    catch (e) {
        // While usually only SyntaxError could be thrown (unless somebody
        // modified definition of something used in this function, like
        // SyntaxError or Function, it's better to prepare for unexpected.
        if (!(e instanceof SyntaxError)) {
            throw e
        }

        return false
    }
}

Question 17

এর মতো একটি সাধারণ চেক আপনাকে জানায় যে এটি বিদ্যমান / সংজ্ঞায়িত হয়েছে:

if (this.onsubmit)
{
  // do stuff;
}