क्लास वेरिएबल जावास्क्रिप्ट

Question

मैं जावास्क्रिप्ट में क्लास चर घोषित कैसे करूं।

function Person(){ 
    fname = "thisfname"; //What needs to be put here 
} 
alert(Person.fname) //It should alert "thisFrame" 

मैं इस दृष्टिकोण का उपयोग नहीं करना चाहता।

function Person(){ 

} 
Person.fname = "thisfname"; 
alert(Person.fname) //alerts "thisframe" 

Answer 1

जिस तरह से आप का उल्लेख कैसे वर्ग चर अन्य तरीके से परिभाषित करने के लिए, (function Person अंदर) है उदाहरण के गुण को परिभाषित करने के लिए है।

function Person(name){ 
    this.name = name; 
} 
Person.specie = "Human"; 

alert(Person.specie) //alerts "Human", a class variable. 

var john = new Person('John'); 
alert(john.name); //alerts "John", an object property. 

Answer 2

function Person(){ 
    this.fname = null; 
    this.lname = null; 
    this.set_fname = set_fname; 
    this.set_lname = set_lname; 
    this.get_name = get_name; 
} 
/* Another way 
function Person(fname, lname){ 
    this.fname = fname; 
    this.lname = lname; 
    this.get_name = get_name; 
}*/ 
function set_fname(fname){ 
    this.fname = fname; 
} 
function set_lname(y){ 
    this.lname = lname; 
} 
function get_name(){ 
    with (this) { 
     return fname + ' ' + lname; 
    } 
} 

person_obj = new Person(); 
person_obj.set_fname('Foo'); 
person_obj.set_lname('Bar'); 

// person_obj = new Person('Foo', 'Bar'); 

person_obj = get_name(); // returns "Foo Bar" 

बेहतर उदाहरण के बारे में सोच नहीं सकता। जावास्क्रिप्ट वर्ग के लिए एक चर निर्धारित करने

Answer 3

3 तरीके:

1) गुण परिभाषित करने के लिए समारोह() का उपयोग कर, आप 'इस' कीवर्ड

function Apple (type) { 
    this.type = type; 
    this.color = "red"; 
} 

का उपयोग एप्पल की एक वस्तु का दृष्टांत के लिए बनाई गई वर्ग, कुछ गुण सेट आप निम्न कर सकते हैं:

var apple = new Apple('macintosh'); 
apple.color = "reddish"; 

2) का उपयोग करते हुए शाब्दिक संकेतन

वर सेब = {
प्रकार: "Macintosh",
का रंग: "लाल"

}

इस मामले में आप (और नहीं कर सकते हैं) की जरूरत नहीं है एक उदाहरण बनाने कक्षा के, यह पहले से मौजूद है।

apple.color = "reddish"; 

3) सिंगलटन एक समारोह का उपयोग कर

var apple = new function() { 
    this.type = "macintosh"; 
    this.color = "red"; 
} 

तो आप देखते हैं कि यह बहुत ही 1 ऊपर चर्चा के समान है, लेकिन जिस तरह से वस्तु का उपयोग करने के बिल्कुल में की तरह है 2.

apple.color = "reddish"; 

Answer 4

यह समझना महत्वपूर्ण है कि जावास्क्रिप्ट में कक्षाओं जैसी कोई चीज़ नहीं है। वहाँ कुछ ढांचे हैं जो एक शास्त्रीय विरासत पैटर्न अनुकरण करते हैं, लेकिन तकनीकी रूप से यह सब constructor functions and prototypes तक उबाल जाता है।

Person.prototype = PersonProto; 

और, देखा:

var a = new Person(); 
alert(a.fname); 

Answer 5

जावास्क्रिप्ट नहीं है

तो, आप

PersonProto = { // the "class", or prototype 
    fname: "thisfname" 
}; 

function Person() { // the constructor function 
    this.instanceVar = 'foo'; 
} 

की तरह कुछ करने के लिए अब, प्रोटोटाइप करने के लिए निर्माता से कनेक्ट कर सकते हैं दूसरों की तरह कक्षाएं कहा है। विरासत प्रोटोटाइप के माध्यम से हल किया जाता है जो संक्षेप में नव निर्मित वस्तु पर गैर-हटाने योग्य संपत्ति संदर्भ बनाने से कुछ भी नहीं करता है। जावास्क्रिप्ट में सरल डेटा ऑब्जेक्ट्स, अर्थात् ऑब्जेक्ट लिटलल्स के विकल्प भी हैं।

जावास्क्रिप्ट में एक 'क्लास' की भिन्नता इस तरह के रूप में परिभाषित किया जाना चाहिए:

// I use function statements over variable declaration 
// when a constructor is involved. 
function Person(name) { 
    this.name = name; 
} 

// All instances of Person create reference methods to it's prototype. 
// These references are not deletable (but they can be overwritten). 
Person.prototype = { 
    speak: function(){ 
     alert(this.name + ' says: "Hello world!"'); 
    } 
}; 

var Mary = new Person('Mary'); 
Mary.speak(); // alerts 'Mary says: "Hello world!"' 

this संदर्भ हमेशा function के मालिक के लिए अंक। यदि आप ऑपरेटर के बिना Person पर कॉल करते हैं, तो मालिक वैश्विक दायरा (विंडो) होगा। यदि आप अपने संदर्भ में गुण निर्दिष्ट करने के लिए इस संदर्भ का उपयोग नहीं करते हैं, तो गुणों को बस चर के रूप में घोषित किया जाएगा। यदि आप var कथन का उपयोग नहीं करते हैं, तो उन घोषणाओं में वैश्विक चर बनाएंगे जो खराब हैं!

इस

एक निर्माता समारोह में this संदर्भ का उपयोग के बारे में अधिक निहायत महत्वपूर्ण है कि आप वर्तमान उदाहरण के लिए गुण जोड़ने के लिए चाहते हैं। this का उपयोग किए बिना, आप केवल एक चर (जो एक संपत्ति के समान नहीं है) बनाते हैं और जैसा कि बताया गया है, यदि आप var कथन का उपयोग नहीं करते हैं, तो आप वैश्विक चर बनाते हैं।

function Person(){ 
    name = 'Mary' 
} 
var p = new Person(); 
alert(p.name); // undefined, did not use 'this' to assign it to the instance. 
alert(name); // 'Mary', boo, it created a global variable! 

उपयोग इस!

function Person(){ 
    this.name = 'Mary' 
} 
var p = new Person(); 
alert(p.name); // 'Mary', yay! 
alert(name); // undefined, yay! 

ध्यान दें, समारोह निर्माता के माध्यम से एक उदाहरण के लिए असाइन किया कुछ भी विरासत में मिला नहीं की जा सकती जब तक आप इसे प्रोटोटाइप को असाइन करने और समारोह निर्माता में फिर से ऊपर लिख यह एक स्वामित्व वाली संपत्ति बनाने के लिए।

जब आप एक निर्माता के रूप में दोगुनी फ़ंक्शन के माध्यम से एक नया उदाहरण बनाते हैं, तो वास्तव में निम्न होता है।

pseudo code: 

    copy Person.prototype as person 
    invoke Person function on person 
    return person 

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

वस्तु शाब्दिक

वस्तुओं है कि केवल आंतरिक डेटा ले जाने और कोई तरीकों वस्तु शाब्दिक हैं के लिए समारोह निर्माताओं के लिए विकल्प।

var Mary = { 
    firstName: 'Mary', 
    lastName: 'Littlelamb' 
}; 

कौन सा आंतरिक वस्तुओं की घोषणा नहीं बल्कि उसके बाद की पसंदीदा तरीका है:

// do not ever do this! 
var Mary = new Object(); 
Mary.firstName = 'Mary'; 
Mary.lastName = 'Littlelamb'; 

अपने कौशल सेट में वस्तु शाब्दिक साथ

, आप module pattern (का उपयोग करते हुए आंतरिक डेटा वस्तुओं के लिए एक कारखाना पैटर्न बना सकते हैं जो आम तौर पर सिंगलेट के लिए)।

var createPerson = function(firstName, lastName){ 
    return { 
     firstName: firstName, 
     lastName: lastName 
    } 
} 
var Mary = createPerson('Mary', 'Littlelamb'); 

यह कुछ आरामदायक कैप्सूलीकरण को प्राप्त होता है, लेकिन केवल आंतरिक डेटा वस्तुओं के लिए इस्तेमाल किया जा सकता।

ऑब्जेक्ट लिटल और जावास्क्रिप्ट के साथ आप एक और चीज प्रतिनिधिमंडल है, जिसे प्राथमिकता दी जानी चाहिए।

var personMethods = { 
    speak: function(){ 
     alert(this.firstName + ' says: "Hello world!"'); 
    } 
}; 

var Mary = { 
    firstName: "Mary", 
    lastName: "Littlelamb" 
}; 

var Peter = { 
    firstName: "Peter", 
    lastName: "Crieswolf" 
}; 

personMethods.speak.apply(Mary); // alerts 'Mary says: "Hello world!"' 
personMethods.speak.apply(Peter); // alerts 'Peter says: "Hello world!"' 

इसे क्यों पसंद किया जाना चाहिए?क्योंकि यह आपके ऑब्जेक्ट्स को मिनट और पठनीय रखता है, यहां तक ​​कि प्रोटोटाइपिकल संदर्भ मेमोरी लेते हैं और विरासत और 'सबक्लासिंग' का उपयोग करते समय आप उन बच्चों के उदाहरणों के साथ समाप्त होते हैं जिनमें बहुत से अप्रयुक्त विधि संदर्भ होते हैं। प्रतिनिधि हमेशा बेहतर होता है।

Answer 6

तुम भी इस तरीके का प्रयास कर सकते हैं:

 function name(){ 
      this.name; 
      this.lastname; 
     } 
     name.prototype.firstName=function(name){ 
      this.name = name; 
      alert(this.name); 

     } 
     var x = new name(); 
     x.firstName("Kartikeya");