javascript function basic in hindi , जावास्क्रिप्ट फंक्शन बेसिक हिंदी

JavaScript Functions

⇚ पिछलाअगला ⇛

---

javascript में action के किसी सेट को perform करने के लिए function ; organize किया हुआ , पुनः प्रयोग करने योग्य कोड प्रदान करता है|

function के द्वारा आप कोडिंग प्रोसेस को आसान बना सकते है , अनावश्यक logic को prevent (रोक) सकते है , कोड का पालन करना आसान बना सकते है

function topic में आप वेहतर तरह से समझते है , function ,argument , parameters ,return statement , scope आदि के डिक्लेरेशन और उपयोग को

हमारा उद्देश्य आपको उलझाना बिलकुल भी नही है इसलिए चिता न करें ये सब हम अभी प्रायोगिक तौर पर देखेंगे फिर आप अपने लिए स्वयं डेफिनिशन बना सकते है

जावास्क्रिप्ट function , code का ब्लाक होता है जिसका प्रयोग किसी विशेष कार्य को करने के लिए किया जाता है

जावास्क्रिप्ट function तब execute होता है जब कोई (आदमी नही कोई text) इसे invoke (आह्वान करता है ) करता है या call करता है

उदाहरण

<script>
function getName(x , y){
return x + " " +y; //यह function x , y को concatente कर return करेगा
}
getName("HtmlIN" , "Hindi") // function call किया गया है
</script>



स्वयं प्रयाश करें =>

---

JavaScript Function Syntax

अब आइये जानते ऊपर दिए उदाहरण में प्रयोग किये गये चिन्हों , texts का क्या मतलब है

जावास्क्रिप्ट function को function कीवर्ड के साथ define किया जाता है

function कीवर्ड के तुरंत बाद function का नाम देना होता है जो कि आप आपने अनुसार कुछ भी दे सकते है |

इसके तुरंत बाद () (parentheses) लगाया जाता है |

parentheses के अन्दर parameters दिए जा सकते है अगर एक से ज्यादा है तो उन्हें कामा (,) के साथ अलग किया जा सकता है

बिना parameter के भी function हो सकते है |

function का name देने का नियम भी variable का नाम देने के समान ही होता है

function name मे letter , digits , underscores और doller signs हो सकते है |

जो भी कोड function के द्वारा execute किया जाता है वह curly brackets {} के अन्दर स्थित होता है

उदाहरण

<script>
function name(parameter 1 , parameter2 ){
// execute होने वाला कोड यहाँ लिखा जाता है |
}
</script>



स्वयं प्रयाश करें =>

---

function parameters Functions डेफिनिशन में parentheses के अंदर लिस्ट किये जाते है

function arguments वे values होते है जो कि जब इसको invoke किया जाता है तब function के द्वारा recieve किया जाता है

function के अन्दर , argument लोकल variable कि तरह होते है जबकि वो बाहर से प्राप्त किये जाते है

जब function को call किया जाता है तो parameter argument बन जाते है जैसा कि आप पहले उदाहरण में देख सकते है |

कोई बात नही जब आप पूरा , लेसन पढेंगे तो कंफ्यूजन दूर हो जायेगा

function को call करना :

function जाने अनजाने आप हमेशा invoke करते है आइये देखते है function कब invoke होता है

जब कोई भी event होता है जैसे कि जब आप किसी बटन में क्लिक करते है , माउस को किसी बटन से हटाते है अदि

यह जावास्क्रिप्ट कोड के द्वारा भी invoke होता है

खुद से भी यह invoke हो सकता है

Function Return

जैसे ही javascript return statement के पास पहुँचता है तो function का execute होना रुक जाता है

function अक्सर return value कि गणना करता है

तथा return value को जहाँ से call किया गया होता उसको return कर देता है

जैसे जैसे आप आगे बढ़ेंगे सब समझ जायेगे इसलिए अभी चिंता न करें और आगे बढ़ते रहे |

उदाहरण

<script>
function getName(x , y){
return x + " " +y; //यह function x , y को concatente कर return करेगा
}
var a =getName("HtmlIN" , "Hindi"); // function call किया गया है , तथा return होने वाली value a variable में आएगी |
//मतलब कि a="Html HIndi"होगा
</script>



स्वयं प्रयाश करें =>

---

आउटपुट होगा :

Html Hindi

---

function क्यों

अभी तक इसने आपका दिमाक ख़राब कर दिया तो फिर आखिर function क्यों

क्योकि इसके द्वारा आपको कोड को केवल एक बार define करना होता है , और जितनी बार चाहे उपयोग कर सकते है

अब क्योकि कोड तो एक ही है इसलिए अलग अलग result तो तभी देगा जब अलग अलग argument पास किये जाएँ

कोई नही आइये example से कंफ्यूजन दूर करते है :

उदाहरण

<script>
function add(x , y){
return x + " " +y; //यह function x , y को जोड़कर return करेगा
}
var a =add(1 , 2) // पहला result
var a =add( 5, 10) // दूसरा result
//मतलब कि a="Html HIndi"होगा
</script>



स्वयं प्रयाश करें =>

---

आउटपुट होगा :

3
15

---

function variable के रूप में

function का प्रयोग variable के रूप में भी किया जा सकता है

अगर आप कहते है कि कैसे , आपने सच में पोस्ट को अच्छे से नही पढ़ा है

उदाहरण

<script>
function add(x , y){
return x + " " +y; //यह function x , y को जोड़कर return करेगा
}
var a =add(1 , 2) // यहाँ देखे a variable है
var a ="प्राप्त परिणाम है :" + add( 5, 10) //यहाँ तक कि आप एक variable में इतना कुछ रख सकते है |
</script>



स्वयं प्रयाश करें =>

---

आउटपुट होगा :

प्राप्त परिणाम है : 15

---

ऊपर दिए उदाहरण को देखने के बाद आपका मन कर रहा होगा कि variable में ही सभी formula , calculation कर लूं

लेकिन ये आपकी पर्सनल practice हो सकती है कि आप कैसे करते है लेकिन बड़े बड़े प्रोजेक्ट या प्लगिन्स या फ्रेमवर्क में ऐसा किया जाता है

Local variable

जो variable जावास्क्रिप function के अन्दर declare किये जाते है वह , वो अपने आप लोकल variable बन जाते है

और लोकल variable केवल function के अन्दर से ही उपयोग (access) किये जा सकते है |

उदाहरण

<script>
// यहाँ अर्थात बाहर के कोड , name variable को प्रयोग नही कर सकते है
function getName(){
var name = "html in hindi";
}
// यहाँ अर्थात बाहर के कोड , name variable को प्रयोग नही कर सकते है
</script>



स्वयं प्रयाश करें =>

---

अब आइये इसके कुछ फायदे काउंट कर लेते है

कभी कभी आपको कोई variable name बार बार प्रयोग करना पड़ सकता है या ऐसा कोई name आपको बार बार प्रयोग करना है

तो आप ऐसा कर सकते है क्योकि लोकल variable का एरिया केवल उस function तक ही सीमित होता है |

दुसरे function में आप फ्री होकर उसका प्रयोग कर सकते है जैसे कभी इस variable name को declare ही न किया हो

साथ ही लोकल variable तब बनते है जब यह स्टार्ट होता है तथा जब function का काम ख़त्म हो जाता है डिलीट हो जाता है |

नये जावास्क्रिप्ट वर्जन में कुछ नये कीवर्ड आ गये गये जिनकी अपनी विशेषता है लेकिन अगर सभी ब्राउज़र डिवाइस में सपोर्ट चाहते है तो अभी इसी से संतोष करें |

---

यह function का बेसिक था विस्तार से हम अलग अलग पोस्ट में बेसिक ख़त्म होने के बाद देखेंगे

---

⇚ पिछलाअगला ⇛

---