जावास्क्रिप्ट प्रोटोटाइप को समझना

Question

प्रोटोटाइप के साथ गड़बड़ कर रहा हूं ताकि वे कैसे काम कर सकें। मैं बाहर काम नहीं कर सकते कारण है कि मैं hideHeader फोन नहीं कर सकते हैं, जबकि मैं एक चर (this.header.el) का उपयोग कर सकते

function App() { 
    this.init(); 
    this.el = document.getElementById('box'); 
} 

App.prototype.init = function() { 
    document.write('hello world'); 

    this.header = new Header(); 

    this.header.hideHeader(); 
    this.header.el.style.display = 'none'; 
}; 

new App(); 

function Header() { 
    this.el = document.getElementById('header'); 
} 

Header.prototype.hideHeader = function() { 
    this.el.style.display = 'none'; 
} 

Answer 1

तुम इतनी है कि आप इससे पहले कि आप करने की कोशिश hideHeader परिभाषित अपने कोड को पुन: व्यवस्थित करना चाहिए इसे बुलाओ

इस तरह:

function App() { 
    this.init(); 
    this.el = document.getElementById('box'); 
} 

function Header() { 
    this.el = document.getElementById('header'); 
} 

Header.prototype.hideHeader = function() { 
    this.el.style.display = 'none'; 
} 

App.prototype.init = function() { 
    document.write('hello world'); 

    this.header = new Header(); 

    this.header.hideHeader(); 
    this.header.el.style.display = 'none'; 
}; 

new App(); 

जावास्क्रिप्ट एक व्याख्या की भाषा है, यह संकलित नहीं किया गया है। यह अनुक्रमिक रूप से मूल्यांकन किया जाता है क्योंकि यह स्मृति में लोड होता है।

Answer 2

आपको बस चीजों को करने के तरीके को बदलने की आवश्यकता है। उदाहरण के लिए:

function App() { 
 
    this.init(); 
 
    this.el = document.getElementById('box'); 
 
} 
 

 

 
function Header() { 
 
    this.el = document.getElementById('header'); 
 
} 
 

 
Header.prototype.hideHeader = function() { 
 
    this.el.style.display = 'none'; 
 
} 
 

 
App.prototype.init = function() { 
 
    document.write('hello world'); 
 

 
    this.header = new Header(); 
 

 
    this.header.hideHeader(); 
 
    this.header.el.style.display = 'none'; 
 
}; 
 

 
new App();

<div id="header"></div> 
 
<div id="box"></div>