समझना कि कैसे और कैसे उपयोग करें .JS

Question

मैंने अभी आवश्यकता के साथ काम करना शुरू कर दिया है। और मैं उन उचित मामलों पर थोड़ा अस्पष्ट हूं, जिनका उपयोग किया जाना चाहिए, साथ ही इसका उपयोग करने का सही तरीका उन मामलों में।

यहां बताया गया है कि वर्तमान में मेरे पास Requ.JS के साथ चीजें कैसे स्थापित की गई हैं। मेरे पास दो कार्य हैं, functionA() और functionB()। इन दोनों कार्यों को ठीक से काम करने के लिए एक अतिरिक्त फ़ंक्शन, functionC() की आवश्यकता होती है।

मैं केवल आवश्यक होने पर functionC() लोड करना चाहता हूं, यानी जब functionA() या functionB() को कॉल किया जा रहा है।

functionC.js

functionC(){ 
    //do stuff 
} 

functionA.js

functionA(){ 
    define(['functionC'],function(){ 
    //functionC() is loaded because it is listed as a dependency, so we can proceed 
    //do some functionA() stuff 
    }); 
} 

functionB.js

functionB(){ 
    define(['functionC'],function(){ 
    //functionC() is loaded because it is listed as a dependency, so we can proceed 
    //do some functionB() stuff 
    }); 
} 

: तो मैं निम्नलिखित फ़ाइलें

तो, क्या यह सही ढंग से स्थापित है? और यदि मैं एक ही पृष्ठ पर functionA() और functionB() दोनों को कॉल करना समाप्त करता हूं, तो क्या अतिरिक्त कार्य किया जा रहा है क्योंकि वे दोनों functionC.js फ़ाइल लोड करते हैं? यदि हां, तो क्या यह एक समस्या है? और यदि हां, तो इसे सेट अप करने का कोई तरीका है ताकि वे पहले यह देखने के लिए जांच कर सकें कि क्या functionC.js अभी तक लोड हो गया है, और अगर यह नहीं हुआ है तो केवल इसे लोड करें? अंत में, क्या यह Requ.JS का उचित उपयोग है?

Answer 1

define() केवल मॉड्यूल को परिभाषित करने के लिए उपयोग किया जाना चाहिए। ,

• require([]) अतुल्यकालिक है:

  functionA.js

  functionA(){ 
      require(['functionC'],function(functionC){ 
      //use funcC in here to call functionC 
      }); 
  } 
  

  कुछ नोट: ऊपर के उदाहरण है, जहां कोड का एक टुकड़ा गतिशील लोड किया जाना चाहिए के लिए, require() का उपयोग कर अधिक उपयुक्त है इसलिए यदि functionA का कॉलर उस फ़ंक्शन से वापसी मूल्य की अपेक्षा कर रहा है, तो संभवतः त्रुटियां होंगी। यह सबसे अच्छा है अगर functionA कॉलबैक स्वीकार करता है जिसे functionA अपने काम के साथ किया जाता है।

• उपरोक्त कोड functionA पर प्रत्येक कॉल के लिए require() पर कॉल करेगा; हालांकि, पहली कॉल के बाद, functionC.js लोड करने के लिए कोई दंड नहीं लिया गया है, यह केवल एक बार लोड किया जाता है। पहली बार require() कॉल हो जाता है, यह functionC.js लोड करेगा, लेकिन शेष समय, RequJS जानता है कि यह पहले ही लोड हो चुका है, इसलिए functionC.js फिर से अनुरोध किए बिना function(functionC){} फ़ंक्शन को कॉल करेगा।

Answer 2

आप RequireJS और यहाँ जावास्क्रिप्ट प्रतिरूपकता के बारे में जानकारी प्राप्त कर सकते: JavaScript modularity with RequireJS (from spaghetti code to ravioli code)