जावास्क्रिप्ट में गेट और सेट का कस्टम उपयोग

कई लोग जानते हैं कि जावास्क्रिप्ट में तथाकथित गेटर्स और सेटर्स हैं। ये ऑब्जेक्ट प्रॉपर्टी वैल्यू में बदलाव के साथ-साथ इन वैल्यूज़ को लौटाने के लिए कंस्ट्रक्शन हैं। ऑब्जेक्ट के अंदर से वे सामान्य कार्यों की तरह दिखते हैं:

var obj = {
get value() {
return 0;
},
set value(s) {
alert ( "Go screw yourself!" )
}
}

* This source code was highlighted with Source Code Highlighter .

लेकिन जब से ये कार्य हैं, वे आपकी इच्छानुसार उपयोग किए जा सकते हैं!



उदाहरण के लिए, हम एक ऐसा कंस्ट्रक्टर बना सकते हैं जो एक निश्चित HTML तत्व के सीएसएस के साथ हमारे काम को आसान बनाता है:

function $( object ) {
if ( typeof ( object )== "string" ){ object = document .getElementById( object )};
object .__defineGetter__( "x" , function (){
return (parseInt( object .style.left))
}),
object .__defineSetter__( "x" , function (n){
object .style.left = n + 'px'
}),
object .__defineGetter__( "y" , function (){
return (parseInt( object .style.left))
}),
object .__defineSetter__( "y" , function (n){
object .style.top = n + 'px'
})
}

* This source code was highlighted with Source Code Highlighter .

अब आप $("btn1").x = 56 लिखकर आईडी "btn1" के साथ बटन पर जा सकते हैं $("btn1").x = 56 ।

लेकिन गेटर्स और सेटर्स का आकर्षण न केवल रोजमर्रा के कार्यों को सरल बनाने में है, जैसे कि सीएसएस के साथ काम करना। यहां तक ​​कि उन्हें भाषा की अवधारणा को बदलने के लिए भी इस्तेमाल किया जा सकता है:

उदाहरण के लिए, निम्न उदाहरण स्क्रीन पर एक संदेश प्रदर्शित करता है:

obj = {
set message(s) {
alert(s)
}
}

obj.message = "Hello, World!"

* This source code was highlighted with Source Code Highlighter .

डरावना? मेरी राय में, बहुत। इस मामले में मुख्य बात गैरबराबरी की स्थिति तक नहीं पहुंचना है। इसके लिए एक गणितीय अनुप्रयोग है:

उदाहरण के लिए, हमारे पास एक ओब्ज वस्तु है जिसमें एक मूल्य संपत्ति है, साथ ही साथ एक पाप संपत्ति भी है। पाप की संपत्ति की ओर मुड़ने पर हमें मूल्य की प्राप्ति होती है। मुद्दा यह है कि सेटर के साथ आप इसके विपरीत कर सकते हैं। फिर पाप को बदलने के बाद, मूल्य भी बदल जाएगा। एक शब्द में, यदि पाप == 0.5 है, तो मूल्य = गणित।पीआई / 6।

obj = {
value: 0,
get sin() {
return Math.sin( this .value)
}
set sin(n) {
this .value = Math.asin(n)
}
}

* This source code was highlighted with Source Code Highlighter .

यह ध्यान देने योग्य है कि समाधान पूरी तरह से क्रॉस-ब्राउज़र नहीं है। यदि आप अपने पसंदीदा Internet Explorer ब्राउज़र में यह सब पोर्ट करना चाहते हैं, तो आपको __defineGetter __ () और __defineSetter __ (), या यहाँ वर्णित विधियों, और चरम मामलों में, का उपयोग करना चाहिए ।

लेकिन गेटर्स और सेटर्स के पास वास्तव में बहुत सारे अवसर हैं। यदि आप एक ही AJAX के साथ सब कुछ गठबंधन करते हैं, तो आप पूरी तरह से कोषेर की तरह प्राप्त कर सकते हैं:

ajax.url = "script.php"
alert(ajax.result)

* This source code was highlighted with Source Code Highlighter .

यह, निश्चित रूप से, कुछ प्रोग्रामर्स को भ्रमित करेगा, जो इस तथ्य के आदी हैं कि असाइनमेंट ऑपरेशन असाइनमेंट के अलावा कुछ भी नहीं करता है (वास्तव में, मूल्य-निर्धारण ऑपरेशन की तरह)। एक बात, हालांकि, आपको मापदंडों के बिना तरीकों के साथ कुछ करना होगा, जैसे कि .Destroy (), क्योंकि कोई भी निश्चित रूप से Obj.Destroy = true नहीं लिखेगा। एक टिक टाइमआउट की तरह कुछ करने का विचार है, अर्थात्। हर गेट और सेट को ट्रैक करें। इसका मतलब यह है कि ओबज.डेस्ट्रो = 5 ऑब्जेक्ट को 5 गेट / सेट ऑपरेशन में नष्ट कर देगा। लेकिन यह, ज़ाहिर है, पहले से ही अनावश्यक रचनात्मकता है।