{"id":77807,"date":"2024-09-24T04:26:52","date_gmt":"2024-09-24T00:56:52","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/"},"modified":"2024-09-24T04:26:52","modified_gmt":"2024-09-24T00:56:52","slug":"oops-in-js-ultimate-4j34","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/","title":{"rendered":"OOPS \u062f\u0631 JS &#8211; Ultimate"},"content":{"rendered":"<p>Summarize this content to 400 words in Persian Lang <\/p>\n<p>  \ud83d\udd25\u0627\u062a\u0635\u0627\u0644: https:\/\/www.subham.online<\/p>\n<p>  \ud83d\udd25\u062a\u0648\u06cc\u062a\u0631: https:\/\/twitter.com\/TheSubhamMaity<\/p>\n<p>  \u25b6\ufe0f \u0645\u0639\u0631\u0641\u06cc<\/p>\n<p>  \u2b50 OOPs \u0686\u06cc\u0633\u062a\u061f<\/p>\n<p>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc \u06af\u0631\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u0627\u0634\u06cc\u0627 \u0627\u0633\u062a.<\/p>\n<p>  \u2b50 4 \u0633\u062a\u0648\u0646 OOP<\/p>\n<p>\u0627\u0635\u0637\u0644\u0627\u062d\u0627\u062a \u062f\u0631 OOP<\/p>\n<p>\u0627\u0646\u062a\u0632\u0627\u0639 &#8211; \u067e\u0646\u0647\u0627\u0646 \u06a9\u0631\u062f\u0646 \u062c\u0632\u0626\u06cc\u0627\u062a \u062f\u0627\u062e\u0644\u06cc (\u0641\u0642\u0637 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0636\u0631\u0648\u0631\u06cc \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f!)<\/p>\n<p>\u06a9\u067e\u0633\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 &#8211; \u0639\u0645\u0644 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u0627\u062c\u0632\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 (\u062f\u0631 \u06cc\u06a9 \u06a9\u067e\u0633\u0648\u0644)<\/p>\n<p>\u0627\u0631\u062b &#8211; \u0639\u0645\u0644 \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u0686\u06cc\u0632\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0627\u0632 \u0686\u06cc\u0632\u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f<\/p>\n<p>\u0686\u0646\u062f \u0634\u06a9\u0644\u06cc &#8211; \u06cc\u06a9 \u0645\u0648\u062c\u0648\u062f\u06cc\u062a\u060c \u0627\u0634\u06a9\u0627\u0644 \u0645\u062a\u0639\u062f\u062f<\/p>\n<p>  \u25b6\ufe0f \u0646\u0645\u0648\u0646\u0647 \u0647\u0627\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0648 \u067e\u0631\u0648\u062a\u0648<\/p>\n<p>\u0627\u0634\u06cc\u0627\u0621 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u0631\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc \u062e\u0627\u0635\u06cc \u0628\u0647 \u0646\u0627\u0645 \u0647\u0633\u062a\u0646\u062f prototype \u06cc\u0639\u0646\u06cc  \u06cc\u0627 null \u06cc\u0627 \u0628\u0647 \u0634\u06cc \u062f\u06cc\u06af\u0631\u06cc \u0627\u0631\u062c\u0627\u0639 \u0645\u06cc \u062f\u0647\u062f <\/p>\n<p>\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0645\u0627 \u0633\u0639\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u0634\u06cc \u0628\u062e\u0648\u0627\u0646\u06cc\u0645\u060c \u0648 \u0622\u0646 \u0627\u0632 \u062f\u0633\u062a \u0631\u0641\u062a\u0647 \u0627\u0633\u062a\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06af\u06cc\u0631\u062f. \u0627\u06cc\u0646 \u0648\u0631\u0627\u062b\u062a \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f<\/p>\n<p>  \u2b50 \u062a\u0646\u0638\u06cc\u0645 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647<\/p>\n<p>\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u0628\u0627 \u062a\u0646\u0638\u06cc\u0645 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u0645 __proto__. \u0627\u06af\u0631 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u0634\u06cc \u0628\u062e\u0648\u0627\u0646\u06cc\u0645 \u06a9\u0647 \u062f\u0631 \u0634\u06cc \u0646\u06cc\u0633\u062a \u0627\u0645\u0627 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06af\u06cc\u0631\u062f. \u0627\u06af\u0631 \u0645\u062a\u062f\u06cc \u062f\u0631 \u0634\u06cc\u0621 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u0627\u0632 \u0634\u06cc\u0621 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f. \u0627\u06af\u0631 \u062f\u0631 \u0634\u06cc\u0621 \u0645\u0648\u062c\u0648\u062f \u0646\u0628\u0627\u0634\u062f \u0648 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0627\u0632 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>  \u2b50 \u0645\u062b\u0627\u0644:<\/p>\n<p>\/\/It will work properly<br \/>\nlet p = {<br \/>\n    run : () =&gt; {<br \/>\n        console.log(&#8220;run&#8221;)<br \/>\n    }<br \/>\n}<\/p>\n<p>p.run()\/\/Output: &#8211; run<\/p>\n<p>\/\/Let&#8217;s define another property<br \/>\nlet a = {<br \/>\n    name : &#8221; subham&#8221;<br \/>\n}<\/p>\n<p>a.run() \/\/TypeError: a.run is not a function<\/p>\n<p>\/\/Now with proto<br \/>\nlet b = {<br \/>\n    name : &#8221; subham&#8221;<br \/>\n}<br \/>\nb.__proto__ = p<br \/>\nb.run() \/\/Output: &#8211; run<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0628\u0647 \u0633\u0627\u062f\u06af\u06cc\u060c \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u06cc\u06a9 \u0634\u06cc \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0634\u06cc \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0627\u0631\u062b \u0628\u0628\u0631\u06cc\u062f. \u0627\u06cc\u0646 \u0648\u0631\u0627\u062b\u062a \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\/\/It will work properly<br \/>\nlet p = {<br \/>\n    run : () =&gt; {<br \/>\n        console.log(&#8220;p run&#8221;)<br \/>\n    }<br \/>\n}<\/p>\n<p>p.run()\/\/Output: &#8211; p run<\/p>\n<p>\/\/Now with proto<br \/>\nlet b = {<br \/>\n    run : () =&gt; {<br \/>\n        console.log(&#8220;b run&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nb.__proto__ = p<br \/>\nb.run() \/\/Output: &#8211; b run<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06af\u0631 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u06cc\u0627 \u0645\u062a\u062f \u0627\u0632 \u0642\u0628\u0644 \u062f\u0631 \u0634\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0632 \u0622\u0646 \u0648\u06cc\u0698\u06af\u06cc \u06cc\u0627 \u0645\u062a\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f. \u0627\u06af\u0631 \u062f\u0631 \u0634\u06cc \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0627\u0645\u0627 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06af\u06cc\u0631\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 run \u0631\u0648\u0634 \u0642\u0628\u0644\u0627\u064b \u062f\u0631 b \u0634\u06cc\u060c \u00abb run\u00bb \u0631\u0627 \u0686\u0627\u067e \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.<\/p>\n<p>  \u25b6\ufe0f \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0648 \u0634\u06cc<\/p>\n<p>\u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc \u06af\u0631\u0627\u060c \u06a9\u0644\u0627\u0633 \u06cc\u06a9 \u062a\u0639\u0631\u06cc\u0641 \u0642\u0627\u0644\u0628\u06cc \u0627\u0632 \u0645\u062a\u062f\u0647\u0627 \u0648 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u062f\u0631 \u06cc\u06a9 \u0646\u0648\u0639 \u062e\u0627\u0635 \u0627\u0632 \u0634\u06cc \u0627\u0633\u062a.<br \/>\n\u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc \u06af\u0631\u0627\u060c \u06cc\u06a9 \u0634\u06cc \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u062e\u0627\u0635 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 (\u06cc\u0627 \u0633\u0627\u062e\u062a\u0627\u0631) \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u062d\u0627\u0641\u0638\u0647 \u062a\u062e\u0635\u06cc\u0635 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>  \u2b50 \u0645\u062b\u0627\u0644:<\/p>\n<p>\/\/class<br \/>\nclass GoogleForm {<br \/>\n    submit() {<br \/>\n       console.log(this.name + &#8221; &#8221; + this.roll + &#8221; Your form submitted&#8221;)<br \/>\n    }<br \/>\n    cancel() {<br \/>\n        console.log(this.name + &#8221; &#8221; + this.roll +&#8221; Your form cancelled&#8221;)<br \/>\n    }<br \/>\n    fill(given_name , roll) {<br \/>\n        this.name = given_name<br \/>\n        this.roll = roll<br \/>\n    }<br \/>\n}<\/p>\n<p>\/\/object<br \/>\nconst student1Form = new GoogleForm()<\/p>\n<p>student1Form.fill(&#8220;Rahul&#8221; , 24)<\/p>\n<p>const student2Form = new GoogleForm()<\/p>\n<p>student2Form.fill(&#8220;Raj&#8221; , 25)<\/p>\n<p>student2Form.cancel()<\/p>\n<p>student1Form.submit()<\/p>\n<p>student2Form.submit()<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u25b6\ufe0f \u0633\u0627\u0632\u0646\u062f\u0647<\/p>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0633\u0627\u0632\u0646\u062f\u0647 \u06cc\u06a9 \u0627\u0633\u062a \u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u06cc\u0698\u0647 \u06a9\u0647 \u0627\u0634\u06cc\u0627\u0621 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0648 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062d\u0627\u0644\u062a \u0648 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0627\u0648\u0644\u06cc\u0647 \u0622\u0646\u0647\u0627 \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f. <\/p>\n<p>\u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u0622\u0646\u0647\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0631\u062f\u0647 \u0627\u0646\u062f \u0641\u0631\u0645 \u0631\u0627 \u067e\u0631 \u06a9\u0646\u0646\u062f \u0648 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u0646\u062f \u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u062a\u0639\u0631\u06cc\u0641 \u0646\u0634\u062f\u0647 \u067e\u0631\u062a\u0627\u0628 \u0645\u06cc \u0634\u0648\u062f!<\/p>\n<p>class Form {<\/p>\n<p>    submit() {<br \/>\n        console.log(this.name + &#8220;: Your form is submitted for train number: &#8221; + this.trainno)<br \/>\n    }<\/p>\n<p>    cancel() {<br \/>\n        console.log(this.name + &#8220;: This form is cancelled for train number: &#8221; + this.trainno)<br \/>\n        this.trainno = 0<br \/>\n    }<br \/>\n    fill(givenname, trainno) {<br \/>\n        this.name = givenname<br \/>\n        this.trainno = trainno<br \/>\n    }<\/p>\n<p>}<\/p>\n<p>let myForm1 = new Form()<\/p>\n<p>let myForm2 = new Form()<br \/>\n\/\/<br \/>\n\/\/ myForm1.fill(&#8220;Gaurav&#8221;, 1234)<br \/>\n\/\/<br \/>\n\/\/ myForm2.fill(&#8220;Rahul&#8221;, 5678)<\/p>\n<p>myForm1.submit()<\/p>\n<p>myForm2.submit()<\/p>\n<p>myForm2.cancel()<\/p>\n<p>\/\/ Output: undefined: Your form is submitted for train number: undefined<br \/>\n\/\/ Output: undefined: Your form is submitted for train number: undefined<br \/>\n\/\/ Output: undefined: This form is cancelled for train number: undefined<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c<\/p>\n<p>class Form {<\/p>\n<p>    constructor() {<br \/>\n        this.name = &#8220;Gaurav&#8221;<br \/>\n        this.trainno = 0<br \/>\n    }<\/p>\n<p>    submit() {<br \/>\n        console.log(this.name + &#8220;: Your form is submitted for train number: &#8221; + this.trainno)<br \/>\n    }<\/p>\n<p>    cancel() {<br \/>\n        console.log(this.name + &#8220;: This form is cancelled for train number: &#8221; + this.trainno)<br \/>\n        this.trainno = 0<br \/>\n    }<br \/>\n    fill(givenname, trainno) {<br \/>\n        this.name = givenname<br \/>\n        this.trainno = trainno<br \/>\n    }<\/p>\n<p>}<\/p>\n<p>let myForm1 = new Form()<\/p>\n<p>let myForm2 = new Form()<\/p>\n<p>\/\/ myForm1.fill(&#8220;Gaurav&#8221;, 1234)<br \/>\n\/\/<br \/>\n\/\/ myForm2.fill(&#8220;Rahul&#8221;, 5678)<\/p>\n<p>myForm1.submit()<\/p>\n<p>myForm2.submit()<\/p>\n<p>myForm2.cancel()<\/p>\n<p>\/\/ Output: Gaurav: Your form is submitted for train number: 0<br \/>\n\/\/ Output: Gaurav: Your form is submitted for train number: 0<br \/>\n\/\/ Output: Gaurav: This form is cancelled for train number: 0<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u2b50 \u0627\u0646\u0648\u0627\u0639 \u0633\u0627\u0632\u0646\u062f\u0647<\/p>\n<p>\u0633\u0627\u0632\u0646\u062f\u0647 \u0628\u062f\u0648\u0646 \u067e\u0627\u0631\u0627\u0645\u062a\u0631: \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc \u06a9\u0647 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0646\u062f\u0627\u0631\u062f.<\/p>\n<p>    class Example {<br \/>\n        constructor() {<br \/>\n            this.property = &#8220;default value&#8221;;<br \/>\n        }<br \/>\n    }<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0633\u0627\u0632\u0646\u062f\u0647 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u06cc \u0634\u062f\u0647: \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc \u06a9\u0647 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627 \u0631\u0627 \u0645\u06cc \u06af\u06cc\u0631\u062f.<\/p>\n<p>    class Example {<br \/>\n        constructor(value) {<br \/>\n            this.property = value;<br \/>\n        }<br \/>\n    }<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0633\u0627\u0632\u0646\u062f\u0647 \u06a9\u067e\u06cc: \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u0632\u0646\u062f\u0647 \u06a9\u067e\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f C++ \u06cc\u0627 \u062c\u0627\u0648\u0627 \u0646\u062f\u0627\u0631\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0631\u0648\u0634\u06cc \u0628\u0631\u0627\u06cc \u06a9\u067e\u06cc \u06a9\u0631\u062f\u0646 \u06cc\u06a9 \u0634\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<p>    class Example {<br \/>\n        constructor(value) {<br \/>\n            this.property = value;<br \/>\n        }<\/p>\n<p>        copy() {<br \/>\n            return new Example(this.property);<br \/>\n        }<br \/>\n    }<\/p>\n<p>    const original = new Example(&#8220;original value&#8221;);<br \/>\n    const copy = original.copy();<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0628\u0631\u062e\u0644\u0627\u0641 \u0632\u0628\u0627\u0646 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f C++\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u0631\u0627\u06cc \u062a\u062e\u0631\u06cc\u0628\u06af\u0631 \u0646\u06cc\u0633\u062a. \u062f\u0631 \u0639\u0648\u0636\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u06cc\u06a9 \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0632\u0628\u0627\u0644\u0647 \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u062a\u06a9\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062d\u0627\u0641\u0638\u0647 \u0631\u0627 \u062a\u0648\u0632\u06cc\u0639 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p>  \u25b6\ufe0f \u0627\u0631\u062b<\/p>\n<p>\u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0648 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0627\u0632 \u06a9\u0644\u0627\u0633 \u062f\u06cc\u06af\u0631 \u0648\u0631\u0627\u062b\u062a \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. <\/p>\n<p>  \u2b50 \u0686\u0631\u0627\u061f<\/p>\n<p>  \u0627\u06af\u0631 \u0646\u0645\u06cc \u062f\u0627\u0646\u06cc\u062f \u0627\u0631\u062b \u0686\u06cc\u0633\u062a<\/p>\n<p>class Animal {<br \/>\n    constructor(name, color , age) {<br \/>\n        this.name = name<br \/>\n        this.color = color<br \/>\n        this.age = age<br \/>\n    }<br \/>\n    run() {<br \/>\n        console.log(this.name + &#8216; is running&#8217;)<br \/>\n    }<\/p>\n<p>    shout() {<\/p>\n<p>        console.log(this.name + &#8216; is shouting&#8217;)<br \/>\n    }<\/p>\n<p>    sleep() {<br \/>\n        console.log(this.name + &#8216; is sleeping&#8217;)<br \/>\n    }<br \/>\n}<\/p>\n<p>\/\/If you are nub developer you will do<br \/>\nclass Monkey {<br \/>\n    constructor(name, color) {<br \/>\n        this.name = name<br \/>\n        this.color = color<br \/>\n    }<br \/>\n    run() {<br \/>\n        console.log(this.name + &#8216; is running&#8217;)<br \/>\n    }<\/p>\n<p>    shout() {<\/p>\n<p>        console.log(this.name + &#8216; is shouting&#8217;)<br \/>\n    }<\/p>\n<p>    sleep() {<br \/>\n        console.log(this.name + &#8216; is sleeping&#8217;)<br \/>\n    }<\/p>\n<p>    eatBanana() {<br \/>\n        console.log(this.name + &#8216; is eating banana&#8217;)<br \/>\n    }<br \/>\n}<\/p>\n<p>const animal_1 = new Monkey(&#8216;Simba monkey&#8217;, &#8216;Brown&#8217;, 2)<\/p>\n<p>const animal_2 = new Animal(&#8216;Donkey&#8217;, &#8216;White&#8217;, 3)<\/p>\n<p>animal_1.eatBanana()<\/p>\n<p>animal_2.shout()<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u0627\u06af\u0631 \u0645\u06cc \u062f\u0627\u0646\u06cc\u062f<\/p>\n<p>\/\/Parent Class &#8211; Base Class<br \/>\nclass Animal {<br \/>\n    constructor(name, color , age) {<br \/>\n        this.name = name<br \/>\n        this.color = color<br \/>\n        this.age = age<br \/>\n    }<br \/>\n    run() {<br \/>\n        console.log(this.name + &#8216; is running&#8217;)<br \/>\n    }<\/p>\n<p>    shout() {<\/p>\n<p>        console.log(this.name + &#8216; is shouting&#8217;)<br \/>\n    }<\/p>\n<p>    sleep() {<br \/>\n        console.log(this.name + &#8216; is sleeping&#8217;)<br \/>\n    }<br \/>\n}<\/p>\n<p>\/\/Child Class &#8211; Derived Class<br \/>\nclass Monkey extends Animal{<br \/>\n    eatBanana() {<br \/>\n        console.log(this.name + &#8216; is eating banana&#8217;)<br \/>\n    }<br \/>\n    \/\/you can also add new methods<br \/>\n    hide() {<br \/>\n        console.log(this.name + &#8216; is hiding&#8217;)<br \/>\n    }<br \/>\n}<\/p>\n<p>const animal_1 = new Monkey(&#8216;Simba monkey&#8217;, &#8216;Brown&#8217;, 2)<\/p>\n<p>const animal_2 = new Animal(&#8216;Donkey&#8217;, &#8216;White&#8217;, 3)<\/p>\n<p>animal_1.eatBanana()<br \/>\nanimal_1.run()<br \/>\nanimal_1.hide()<\/p>\n<p>animal_2.shout()<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u2b50 \u0627\u0646\u0648\u0627\u0639 \u0627\u0631\u062b<\/p>\n<p>\u0648\u0631\u0627\u062b\u062a \u062a\u06a9\u06cc \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u06a9\u0644\u0627\u0633 \u062f\u06cc\u06af\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc \u0628\u0631\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0648\u0631\u0627\u062b\u062a \u062a\u06a9 \u0633\u0637\u062d\u06cc \u0634\u0646\u0627\u062e\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>class Shape {<br \/>\n  area() {<br \/>\n    console.log(&#8220;Displays Area of Shape&#8221;);<br \/>\n  }<br \/>\n}<\/p>\n<p>class Triangle extends Shape {<br \/>\n  area(h, b) {<br \/>\n    console.log((1\/2) * b * h);<br \/>\n  }<br \/>\n}<\/p>\n<p>const triangle = new Triangle();<br \/>\ntriangle.area(10, 5); \/\/ Output: 25<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0648\u0631\u0627\u062b\u062a \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628\u06cc \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u067e\u0627\u06cc\u0647 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>class Shape {<br \/>\n  area() {<br \/>\n    console.log(&#8220;Displays Area of Shape&#8221;);<br \/>\n  }<br \/>\n}<\/p>\n<p>class Triangle extends Shape {<br \/>\n  area(h, b) {<br \/>\n    console.log((1\/2) * b * h);<br \/>\n  }<br \/>\n}<\/p>\n<p>class Circle extends Shape {<br \/>\n  area(r) {<br \/>\n    console.log(3.14 * r * r);<br \/>\n  }<br \/>\n}<\/p>\n<p>const triangle = new Triangle();<br \/>\ntriangle.area(10, 5); \/\/ Output: 25<\/p>\n<p>const circle = new Circle();<br \/>\ncircle.area(7); \/\/ Output: 153.86<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0648\u0631\u0627\u062b\u062a \u0686\u0646\u062f\u0633\u0637\u062d\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0645\u0634\u062a\u0642 \u0634\u062f\u0647 \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>class Shape {<br \/>\n  area() {<br \/>\n    console.log(&#8220;Displays Area of Shape&#8221;);<br \/>\n  }<br \/>\n}<\/p>\n<p>class Triangle extends Shape {<br \/>\n  area(h, b) {<br \/>\n    console.log((1\/2) * b * h);<br \/>\n  }<br \/>\n}<\/p>\n<p>class EquilateralTriangle extends Triangle {<br \/>\n  constructor(side) {<br \/>\n    super();<br \/>\n    this.side = side;<br \/>\n  }<\/p>\n<p>  area() {<br \/>\n    console.log((Math.sqrt(3) \/ 4) * this.side * this.side);<br \/>\n  }<br \/>\n}<\/p>\n<p>const equilateralTriangle = new EquilateralTriangle(5);<br \/>\nequilateralTriangle.area(); \/\/ Output: 10.825317547305486<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0648\u0631\u0627\u062b\u062a \u062a\u0631\u06a9\u06cc\u0628\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 \u0648\u0631\u0627\u062b\u062a \u0633\u0627\u062f\u0647\u060c \u0686\u0646\u062f\u06af\u0627\u0646\u0647 \u0648 \u0648\u0631\u0627\u062b\u062a \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628\u06cc \u0627\u0633\u062a. \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0627\u0632 \u0648\u0631\u0627\u062b\u062a \u0686\u0646\u062f\u06af\u0627\u0646\u0647 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc \u06a9\u0646\u062f\u060c \u0627\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u06cc\u06a9\u0633\u06cc\u0646 \u0628\u0647 \u0631\u0641\u062a\u0627\u0631 \u0645\u0634\u0627\u0628\u0647\u06cc \u062f\u0633\u062a \u06cc\u0627\u0628\u06cc\u0645.<\/p>\n<p>class Shape {<br \/>\n  area() {<br \/>\n    console.log(&#8220;Displays Area of Shape&#8221;);<br \/>\n  }<br \/>\n}<\/p>\n<p>class Triangle extends Shape {<br \/>\n  area(h, b) {<br \/>\n    console.log((1\/2) * b * h);<br \/>\n  }<br \/>\n}<\/p>\n<p>class Circle extends Shape {<br \/>\n  area(r) {<br \/>\n    console.log(3.14 * r * r);<br \/>\n  }<br \/>\n}<\/p>\n<p>const mixin = (Base) =&gt; class extends Base {<br \/>\n  perimeter() {<br \/>\n    console.log(&#8220;Calculates Perimeter&#8221;);<br \/>\n  }<br \/>\n};<\/p>\n<p>class EquilateralTriangle extends mixin(Triangle) {<br \/>\n  constructor(side) {<br \/>\n    super();<br \/>\n    this.side = side;<br \/>\n  }<\/p>\n<p>  area() {<br \/>\n    console.log((Math.sqrt(3) \/ 4) * this.side * this.side);<br \/>\n  }<br \/>\n}<\/p>\n<p>const equilateralTriangle = new EquilateralTriangle(5);<br \/>\nequilateralTriangle.area(); \/\/ Output: 10.825317547305486<br \/>\nequilateralTriangle.perimeter(); \/\/ Output: Calculates Perimeter<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u25b6\ufe0f Overriding \u0631\u0648\u0634<\/p>\n<p>\u0627\u06af\u0631 \u0647\u0645\u0627\u0646 \u0645\u062a\u062f \u0647\u0645 \u062f\u0631 \u0633\u0648\u067e\u0631\u06a9\u0644\u0627\u0633 \u0648 \u0647\u0645 \u062f\u0631 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u0645\u062a\u062f \u06a9\u0644\u0627\u0633 \u0641\u0631\u0639\u06cc \u0628\u0631 \u0645\u062a\u062f \u0633\u0648\u067e\u0631\u06a9\u0644\u0627\u0633 \u0644\u063a\u0648 \u0645\u06cc \u0634\u0648\u062f. <\/p>\n<p>class human {<br \/>\n    constructor(name , age , body_type) {<br \/>\n        this.name = name<br \/>\n        this.age = age<br \/>\n        this.body_type = body_type<br \/>\n    }<\/p>\n<p>    getName() {<br \/>\n        console.log(&#8220;The name of the human is : &#8220;, this.name)<br \/>\n    }<\/p>\n<p>    getAge() {<\/p>\n<p>        console.log(&#8220;The age of the human is :&#8221;, this.age)<br \/>\n    }<\/p>\n<p>    getBodyType() {<br \/>\n        console.log(&#8220;The body type of the human is :&#8221;, this.body_type)<br \/>\n    }<br \/>\n}<\/p>\n<p>class student extends human {}<\/p>\n<p>const student_1 = new student(&#8220;Subham&#8221; , 24 , &#8220;Thin&#8221;)<\/p>\n<p>student_1.getAge() \/\/The age of the human is : 24<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u2b50 \u06a9\u0644\u06cc\u062f \u0648\u0627\u0698\u0647 \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 &#8211; \u0627\u0646\u0648\u0627\u0639<\/p>\n<p>\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc super \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0633\u0627\u0632\u0646\u062f\u0647 \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0648 \u0645\u062a\u062f\u0647\u0627\u06cc \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>  \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u0633\u0627\u0632\u0646\u062f\u0647<\/p>\n<p>class Human {<br \/>\n    constructor(name, age, bodyType) {<br \/>\n        this.name = name;<br \/>\n        this.age = age;<br \/>\n        this.bodyType = bodyType;<br \/>\n    }<\/p>\n<p>    getName() {<br \/>\n        console.log(&#8220;The name of the human is:&#8221;, this.name);<br \/>\n    }<\/p>\n<p>    getAge() {<br \/>\n        console.log(&#8220;The age of the human is:&#8221;, this.age);<br \/>\n    }<\/p>\n<p>    getBodyType() {<br \/>\n        console.log(&#8220;The body type of the human is:&#8221;, this.bodyType);<br \/>\n    }<br \/>\n}<\/p>\n<p>class Student extends Human {<br \/>\n    constructor() {<br \/>\n        super(&#8220;Rahul&#8221;, 80, &#8220;Fat&#8221;);<br \/>\n    }<br \/>\n}<\/p>\n<p>const student1 = new Student();<\/p>\n<p>student1.getName(); \/\/ The name of the human is: Rahul<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u06cc\u06a9 \u0631\u0648\u0634<\/p>\n<p>class Human {<br \/>\n    constructor(name, age, bodyType) {<br \/>\n        this.name = name;<br \/>\n        this.age = age;<br \/>\n        this.bodyType = bodyType;<br \/>\n    }<\/p>\n<p>    getName() {<br \/>\n        console.log(&#8220;The name of the human is:&#8221;, this.name);<br \/>\n    }<\/p>\n<p>    getAge() {<br \/>\n        console.log(&#8220;The age of the human is:&#8221;, this.age);<br \/>\n    }<\/p>\n<p>    getBodyType() {<br \/>\n        console.log(&#8220;The body type of the human is:&#8221;, this.bodyType);<br \/>\n    }<br \/>\n}<\/p>\n<p>class Student extends Human {<br \/>\n    constructor() {<br \/>\n        super(&#8220;Rahul&#8221;, 80, &#8220;Fat&#8221;);<br \/>\n    }<\/p>\n<p>    \/\/ Overriding using super keyword in child class<br \/>\n    getAge() {<br \/>\n        super.getAge();<br \/>\n        console.log(&#8220;The age of the student is:&#8221;, 20);<br \/>\n    }<br \/>\n}<\/p>\n<p>const student1 = new Student();<\/p>\n<p>student1.getAge(); \/\/ The age of the human is: 80<br \/>\n                   \/\/ The age of the student is: 20<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u2b50 \u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u0631\u0648\u0634<\/p>\n<p>\u0646\u0627\u0645 \u0631\u0648\u0634 \u0645\u0634\u0627\u0628\u0647: \u0645\u062a\u062f \u062f\u0631 \u06a9\u0644\u0627\u0633 \u0641\u0631\u0632\u0646\u062f \u0628\u0627\u06cc\u062f \u0647\u0645\u0627\u0646 \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<br \/>\n\u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0645\u0634\u0627\u0628\u0647: \u0645\u062a\u062f \u062f\u0631 \u06a9\u0644\u0627\u0633 \u0641\u0631\u0632\u0646\u062f \u0628\u0627\u06cc\u062f \u062f\u0627\u0631\u0627\u06cc \u0644\u06cc\u0633\u062a \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0645\u0634\u0627\u0628\u0647 \u0628\u0627 \u0645\u062a\u062f \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f \u0628\u0627\u0634\u062f.<br \/>\nIS-A \u0631\u0627\u0628\u0637\u0647: overriding \u0645\u062a\u062f \u0641\u0642\u0637 \u062f\u0631 \u062f\u0648 \u06a9\u0644\u0627\u0633 \u06a9\u0647 \u0631\u0627\u0628\u0637\u0647 IS-A \u062f\u0627\u0631\u0646\u062f (\u0627\u0631\u062b) \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f.<br \/>\n\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627: \u0631\u0648\u0634 overriding \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u062d\u062f\u0648\u062f\u062a\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0627\u0645\u0627 \u0646\u0647 \u0645\u062d\u062f\u0648\u062f \u06a9\u0646\u0646\u062f\u0647 \u062a\u0631.<br \/>\n\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647: \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 super \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u062a\u062f overrid \u0634\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f.<\/p>\n<p>  \u2b50 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc<\/p>\n<p>  \u062a\u0628\u0635\u0631\u0647 1<\/p>\n<p>class human {<br \/>\n    constructor() {<br \/>\n        console.log(&#8220;Human class constructor&#8221;)<br \/>\n    }<br \/>\n    eat() {<br \/>\n        console.log(&#8220;Human can eat&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nclass student extends human {<br \/>\n}<br \/>\nconst student_1 = new student()<br \/>\nstudent_1.eat()<\/p>\n<p>\/\/Human class constructor<br \/>\n\/\/ Human can eat<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06af\u0631 \u0628\u0647 \u0635\u0631\u0627\u062d\u062a \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u0646\u06a9\u0646\u06cc\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u06cc\u06a9 \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0633\u0627\u0632\u0646\u062f\u0647 \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 super() \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f.\u0645\u062b\u0644 \u0627\u06cc\u0646<\/p>\n<p>class human {<br \/>\n    constructor() {<br \/>\n        console.log(&#8220;Human class constructor&#8221;)<br \/>\n    }<br \/>\n    eat() {<br \/>\n        console.log(&#8220;Human can eat&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nclass student extends human {<br \/>\n    constructor(&#8230;arg) {<br \/>\n        super(&#8230;arg);<br \/>\n    }<br \/>\n}<br \/>\nconst student_1 = new student()<br \/>\nstudent_1.eat()<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u062a\u0628\u0635\u0631\u0647 2<\/p>\n<p>class human {<br \/>\n    constructor() {<br \/>\n        console.log(&#8220;Human class constructor&#8221;)<br \/>\n    }<br \/>\n    eat() {<br \/>\n        console.log(&#8220;Human can eat&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nclass student extends human {<br \/>\n    constructor() {<br \/>\n        console.log(&#8220;This is student class constructor&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nconst student_1 = new student()<br \/>\nstudent_1.eat()<\/p>\n<p>\/\/ console.log(&#8220;This is student class constructor&#8221;)<br \/>\n\/\/ReferenceError: Must call super constructor in derived class before accessing &#8216;this&#8217; or returning from derived constructor<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n<p>class human {<br \/>\n    constructor() {<br \/>\n        console.log(&#8220;Human class constructor&#8221;)<br \/>\n    }<br \/>\n    eat() {<br \/>\n        console.log(&#8220;Human can eat&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nclass student extends human {<br \/>\n    constructor() {<br \/>\n        super()<br \/>\n        console.log(&#8220;This is student class constructor&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nconst student_1 = new student()<br \/>\nstudent_1.eat()<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u062a\u0628\u0635\u0631\u0647 3<\/p>\n<p>class human {<br \/>\n    constructor(name) {<br \/>\n        console.log(&#8220;Human class constructor&#8221; , name)<br \/>\n        this.name = name<br \/>\n    }<br \/>\n    eat() {<br \/>\n        console.log(&#8220;Human can eat&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nclass student extends human {<br \/>\n    constructor(name) {<br \/>\n        this.name = name \/\/not allow<br \/>\n        super()<br \/>\n        console.log(&#8220;Student class constructor&#8221; , name)<\/p>\n<p>    }<br \/>\n}<br \/>\nconst student_1 = new student(&#8220;subham&#8221;)<br \/>\nstudent_1.eat()<\/p>\n<p>\/\/ this.name = name<br \/>\n\/\/ ReferenceError: Must call super constructor in derived class before accessing &#8216;this&#8217; or returning from derived constructor<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0628\u0639\u062f \u0627\u0632 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n<p>class human {<br \/>\n    constructor(name) {<br \/>\n        console.log(&#8220;Human class constructor&#8221; , name)<br \/>\n        this.name = name<br \/>\n    }<br \/>\n    eat() {<br \/>\n        console.log(&#8220;Human can eat&#8221;)<br \/>\n    }<br \/>\n}<br \/>\nclass student extends human {<br \/>\n    constructor(name) {<br \/>\n        super()<br \/>\n        this.name = name<br \/>\n        console.log(&#8220;Student class constructor&#8221; , name)<\/p>\n<p>    }<br \/>\n}<br \/>\nconst student_1 = new student(&#8220;subham&#8221;)<br \/>\nstudent_1.eat()<\/p>\n<p>\/\/ Human class constructor undefined<br \/>\n\/\/ Student class constructor subham<br \/>\n\/\/ Human can eat<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u25b6\ufe0f \u0631\u0648\u0634 \u0627\u0636\u0627\u0641\u0647 \u0628\u0627\u0631<\/p>\n<p>\u062f\u0627\u0634\u062a\u0646 \u062f\u0648 \u06cc\u0627 \u0686\u0646\u062f \u0645\u062a\u062f (\u06cc\u0627 \u062a\u0627\u0628\u0639) \u062f\u0631 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0628\u0627 \u0647\u0645\u0627\u0646 \u0646\u0627\u0645 \u0648 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627 (\u06cc\u0627 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc) \u0645\u062a\u0641\u0627\u0648\u062a<\/p>\n<p>  \u2b50 \u0622\u06cc\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0631\u0627 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u0645\u061f<\/p>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0645\u062a\u062f\u060c \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 (\u0645\u0627\u0646\u0646\u062f \u062c\u0627\u0648\u0627) \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0628\u0647 \u0635\u0648\u0631\u062a \u0628\u0648\u0645\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0686\u0646\u062f\u06cc\u0646 \u0645\u062a\u062f \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 \u06cc\u06a9\u0633\u0627\u0646 \u0627\u0645\u0627 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u062f\u0631 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0628\u0631\u0631\u0633\u06cc \u062a\u0639\u062f\u0627\u062f \u0648 \u0646\u0648\u0639 \u0622\u0631\u06af\u0648\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u062a\u062f \u0628\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0645\u0634\u0627\u0628\u0647 \u062f\u0633\u062a \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0634\u0645\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u062f\u0631 JS \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f<\/p>\n<p>class Calculator {<br \/>\n    add(a, b) {<br \/>\n        return a + b;<br \/>\n    }<\/p>\n<p>    add(a, b, c) {<br \/>\n        return a + b + c;<br \/>\n    }<br \/>\n}<\/p>\n<p>const calc = new Calculator();<br \/>\nconsole.log(calc.add(1, 2)); \/\/ This will throw an error because the first add method is overwritten<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0628\u0647 \u0645\u0648\u0641\u0642\u06cc\u062a \u0628\u0631\u0633\u06cc\u062f<\/p>\n<p>class Calculator {<br \/>\n    add(&#8230;args) {<br \/>\n        if (args.length === 2) {<br \/>\n            return args[0] + args[1];<br \/>\n        } else if (args.length === 3) {<br \/>\n            return args[0] + args[1] + args[2];<br \/>\n        } else {<br \/>\n            throw new Error(&#8220;Invalid number of arguments&#8221;);<br \/>\n        }<br \/>\n    }<br \/>\n}<\/p>\n<p>const calc = new Calculator();<\/p>\n<p>console.log(calc.add(1, 2)); \/\/ Output: 3<br \/>\nconsole.log(calc.add(1, 2, 3)); \/\/ Output: 6<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u25b6\ufe0f \u0628\u0647 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f<\/p>\n<p>Access Modifier \u06cc\u06a9 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u062f\u0633\u062a\u0631\u0633\u06cc \u06cc\u06a9 \u0639\u0636\u0648 \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <\/p>\n<p>  \u2b50 \u0627\u0646\u0648\u0627\u0639 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc<\/p>\n<p>\u0639\u0645\u0648\u0645\u06cc: \u0627\u0639\u0636\u0627\u06cc \u0627\u0639\u0644\u0627\u0645 \u0634\u062f\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0639\u0645\u0648\u0645\u06cc \u0627\u0632 \u0647\u0631 \u06a9\u0644\u0627\u0633 \u062f\u06cc\u06af\u0631\u06cc \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p>\u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u0627\u0633\u062a: \u0627\u0639\u0636\u0627\u06cc \u0627\u0639\u0644\u0627\u0645 \u0634\u062f\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u062f\u0631 \u0647\u0645\u0627\u0646 \u06a9\u0644\u0627\u0633 \u0648 \u062a\u0648\u0633\u0637 \u0646\u0645\u0648\u0646\u0647 \u0647\u0627\u06cc \u06a9\u0644\u0627\u0633 \u0645\u0634\u062a\u0642 \u0634\u062f\u0647 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p>\u062e\u0635\u0648\u0635\u06cc: \u0627\u0639\u0636\u0627\u06cc \u0627\u0639\u0644\u0627\u0645 \u0634\u062f\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062e\u0635\u0648\u0635\u06cc \u0641\u0642\u0637 \u062f\u0631 \u0647\u0645\u0627\u0646 \u06a9\u0644\u0627\u0633 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p>  \u2b50 \u062c\u062f\u0648\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc<\/p>\n<p>\u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647<br \/>\n\u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f\u06cc\u0646<br \/>\n\u06a9\u0644\u0627\u0633 \u06a9\u0648\u062f\u06a9<br \/>\n\u062e\u0627\u0631\u062c \u0627\u0632 \u06a9\u0644\u0627\u0633<\/p>\n<p>\u0639\u0645\u0648\u0645\u06cc<br \/>\n\u2714\ufe0f<br \/>\n\u2714\ufe0f<br \/>\n\u2714\ufe0f<\/p>\n<p>\u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u0627\u0633\u062a<br \/>\n\u2714\ufe0f<br \/>\n\u2714\ufe0f<br \/>\n\u274c<\/p>\n<p>\u062e\u0635\u0648\u0635\u06cc<br \/>\n\u2714\ufe0f<br \/>\n\u274c<br \/>\n\u274c<\/p>\n<p>  \u2b50 \u0645\u062b\u0627\u0644<\/p>\n<p>  1. \u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc<\/p>\n<p>\u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc \u0627\u0632 \u0647\u0631 \u06a9\u062c\u0627 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p>class Parent {<br \/>\n    publicProperty = &#8220;I&#8217;m public&#8221;;<\/p>\n<p>    publicMethod() {<br \/>\n        return &#8220;This is a public method&#8221;;<br \/>\n    }<br \/>\n}<\/p>\n<p>class Child extends Parent {<br \/>\n    useParentPublic() {<br \/>\n        console.log(this.publicProperty);<br \/>\n        console.log(this.publicMethod());<br \/>\n    }<br \/>\n}<\/p>\n<p>const parent = new Parent();<br \/>\nconst child = new Child();<\/p>\n<p>console.log(parent.publicProperty);  \/\/ Output: I&#8217;m public<br \/>\nconsole.log(parent.publicMethod());  \/\/ Output: This is a public method<br \/>\nchild.useParentPublic();<br \/>\n\/\/ Output:<br \/>\n\/\/ I&#8217;m public<br \/>\n\/\/ This is a public method<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c publicProperty \u0648 publicMethod \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f \u0627\u0632:<\/p>\n<p>\u062f\u0631 \u06a9\u0644\u0627\u0633 \u067e\u062f\u0631 \u0648 \u0645\u0627\u062f\u0631<br \/>\n\u062f\u0631 \u06a9\u0644\u0627\u0633 \u06a9\u0648\u062f\u06a9<br \/>\n\u062e\u0627\u0631\u062c \u0627\u0632 \u0647\u0631 \u06a9\u0644\u0627\u0633\u06cc<\/p>\n<p>  2. \u0627\u0639\u0636\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 (\u0634\u0628\u06cc\u0647 \u0633\u0627\u0632\u06cc \u0634\u062f\u0647)<\/p>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u0627 \u0627\u0632 \u06cc\u06a9 \u067e\u06cc\u0634\u0648\u0646\u062f \u0632\u06cc\u0631 \u062e\u0637 \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0627\u0639\u0636\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645. \u0622\u0646\u0647\u0627 \u0647\u0646\u0648\u0632 \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc \u0639\u0645\u0648\u0645\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u0645\u0627 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u0648\u0627\u0641\u0642\u062a \u0645\u06cc \u06a9\u0646\u0646\u062f \u06a9\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062e\u0627\u0631\u062c \u0627\u0632 \u06a9\u0644\u0627\u0633 \u06cc\u0627 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627\u06cc \u0622\u0646 \u0628\u0647 \u0622\u0646\u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<p>class Parent {<br \/>\n    _protectedProperty = &#8220;I&#8217;m protected&#8221;;<\/p>\n<p>    _protectedMethod() {<br \/>\n        return &#8220;This is a protected method&#8221;;<br \/>\n    }<br \/>\n}<\/p>\n<p>class Child extends Parent {<br \/>\n    useParentProtected() {<br \/>\n        console.log(this._protectedProperty);<br \/>\n        console.log(this._protectedMethod());<br \/>\n    }<br \/>\n}<\/p>\n<p>const parent = new Parent();<br \/>\nconst child = new Child();<\/p>\n<p>child.useParentProtected();<br \/>\n\/\/ Output:<br \/>\n\/\/ I&#8217;m protected<br \/>\n\/\/ This is a protected method<\/p>\n<p>\/\/ These work, but violate the convention:<br \/>\nconsole.log(parent._protectedProperty);<br \/>\nconsole.log(parent._protectedMethod());<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648:<\/p>\n<p>_protectedProperty  \u0648 _protectedMethod \u062f\u0631 Parent \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f<br \/>\n\u0622\u0646\u0647\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0641\u0631\u0632\u0646\u062f (\u0627\u0631\u062b) \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0647\u0633\u062a\u0646\u062f<br \/>\n\u0622\u0646\u0647\u0627 \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc \u062f\u0631 \u062e\u0627\u0631\u062c \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u0645\u0627 \u0627\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0631\u0627 \u0646\u0642\u0636 \u0645\u06cc \u06a9\u0646\u062f<\/p>\n<p>  3. \u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc<\/p>\n<p>\u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc \u0648\u0627\u0642\u0639\u0627 \u062e\u0635\u0648\u0635\u06cc \u0647\u0633\u062a\u0646\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u06a9\u0644\u0627\u0633\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0646\u062f \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p>class Parent {<br \/>\n    #privateProperty = &#8220;I&#8217;m private&#8221;;<\/p>\n<p>    #privateMethod() {<br \/>\n        return &#8220;This is a private method&#8221;;<br \/>\n    }<\/p>\n<p>    usePrivate() {<br \/>\n        console.log(this.#privateProperty);<br \/>\n        console.log(this.#privateMethod());<br \/>\n    }<br \/>\n}<\/p>\n<p>class Child extends Parent {<br \/>\n    tryToUseParentPrivate() {<br \/>\n        \/\/ These would cause errors if uncommented:<br \/>\n        \/\/ console.log(this.#privateProperty);<br \/>\n        \/\/ console.log(this.#privateMethod());<br \/>\n    }<br \/>\n}<\/p>\n<p>const parent = new Parent();<br \/>\nconst child = new Child();<\/p>\n<p>parent.usePrivate();<br \/>\n\/\/ Output:<br \/>\n\/\/ I&#8217;m private<br \/>\n\/\/ This is a private method<\/p>\n<p>\/\/ These would cause errors:<br \/>\n\/\/ console.log(parent.#privateProperty);<br \/>\n\/\/ console.log(parent.#privateMethod());<br \/>\n\/\/ child.tryToUseParentPrivate();<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f:<\/p>\n<p>#privateProperty  \u0648 #privateMethod \u0641\u0642\u0637 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0648\u0627\u0644\u062f\u06cc\u0646 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f<br \/>\n\u0622\u0646\u0647\u0627 \u062f\u0631 Child \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0646\u06cc\u0633\u062a\u0646\u062f\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u0648\u0627\u0644\u062f \u0631\u0627 \u06af\u0633\u062a\u0631\u0634 \u062f\u0647\u062f<br \/>\n\u0627\u0635\u0644\u0627\u064b \u062e\u0627\u0631\u062c \u0627\u0632 \u06a9\u0644\u0627\u0633 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0646\u06cc\u0633\u062a\u0646\u062f<\/p>\n<p>  \u062e\u0648\u0631\u0627\u06a9\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<\/p>\n<p>\u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc (\u067e\u06cc\u0634\u200c\u0641\u0631\u0636) \u062f\u0631 \u0647\u0645\u0647 \u062c\u0627 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<br \/>\n\u0627\u0639\u0636\u0627\u06cc \u062d\u0641\u0627\u0638\u062a \u0634\u062f\u0647 (\u06a9\u0646\u0648\u0627\u0646\u0633\u06cc\u0648\u0646 \u0628\u0627 _) \u062f\u0631 \u062f\u0627\u062e\u0644 \u06a9\u0644\u0627\u0633 \u0648 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u0645\u0627 \u0646\u0628\u0627\u06cc\u062f \u062f\u0631 \u062e\u0627\u0631\u062c \u0628\u0647 \u0622\u0646\u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a (\u0627\u06af\u0631\u0686\u0647 \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0647 \u0622\u0646\u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a).<br \/>\n\u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc (\u0628\u0627 #) \u0641\u0642\u0637 \u062f\u0631 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u0646\u062f\u0647 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0646\u0647 \u062f\u0631 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u06cc\u0627 \u062e\u0627\u0631\u062c.<br \/>\n\u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0639\u0636\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647\u060c \u0627\u0632 \u0646\u0638\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc \u0631\u0641\u062a\u0627\u0631 \u0645\u06cc \u06a9\u0646\u0646\u062f\u060c \u0627\u0645\u0627 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u0648\u0627\u0641\u0642\u062a \u0645\u06cc \u06a9\u0646\u0646\u062f \u06a9\u0647 \u0628\u0627 \u0622\u0646\u0647\u0627 \u0628\u0647 \u06af\u0648\u0646\u0647 \u0627\u06cc \u0631\u0641\u062a\u0627\u0631 \u06a9\u0646\u0646\u062f \u06a9\u0647 \u06af\u0648\u06cc\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u0627\u0646\u062f.<br \/>\n\u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc \u0648 \u06a9\u067e\u0633\u0648\u0644\u0647 \u0633\u0627\u0632\u06cc \u0648\u0627\u0642\u0639\u06cc \u062a\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc \u0628\u0647 \u062f\u0633\u062a \u0645\u06cc \u0622\u06cc\u062f # \u0646\u062d\u0648<\/p>\n<p>  \u25b6\ufe0f \u0627\u06cc\u0633\u062a\u0627<\/p>\n<p>\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc static \u06cc\u06a9 \u0645\u062a\u062f \u06cc\u0627 \u0641\u06cc\u0644\u062f \u062b\u0627\u0628\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u062f<\/p>\n<p>\u0645\u062a\u062f \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0645\u062a\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062e\u0648\u062f \u06a9\u0644\u0627\u0633 \u062a\u0639\u0644\u0642 \u062f\u0627\u0631\u062f\u060c \u0646\u0647 \u0628\u0647 \u0646\u0645\u0648\u0646\u0647 \u062e\u0627\u0635\u06cc \u0627\u0632 \u06a9\u0644\u0627\u0633.<\/p>\n<p>class Animal {<br \/>\n    constructor(name) {<br \/>\n        this.name = Animal.capitalize(name);<br \/>\n    }<\/p>\n<p>    static capitalize(name) {<br \/>\n        return name.charAt(0).toUpperCase() + name.slice(1);<br \/>\n    }<\/p>\n<p>    walk() {<br \/>\n        console.log(`Animal ${this.name} is walking`);<br \/>\n    }<br \/>\n}<\/p>\n<p>const animal = new Animal(&#8220;lion&#8221;);<br \/>\nanimal.walk(); \/\/ Output: Animal Lion is walking<\/p>\n<p>console.log(Animal.capitalize(&#8220;elephant&#8221;)); \/\/ Output: Elephant<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc:<\/p>\n<p>\u0627\u06cc\u0646 capitalize \u0631\u0648\u0634 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0628\u0627\u0631\u062a \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f static \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc<br \/>\n\u062f\u0631 \u06a9\u0644\u0627\u0633 \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f (Animal.capitalize) \u0646\u0647 \u062f\u0631 \u0645\u0648\u0627\u0631\u062f.<br \/>\n\u0645\u06cc \u062a\u0648\u0627\u0646 \u0622\u0646 \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0633\u0627\u0632\u0646\u062f\u0647 \u06cc\u0627 \u0633\u0627\u06cc\u0631 \u0631\u0648\u0634 \u0647\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<p>  \u2b50 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0648\u0631\u0627\u062b\u062a \u0648 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<\/p>\n<p>\u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062a\u0648\u0633\u0637 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc \u0631\u0633\u0646\u062f:<\/p>\n<p>class Human extends Animal {<br \/>\n    static greet() {<br \/>\n        console.log(&#8220;Hello!&#8221;);<br \/>\n    }<br \/>\n}<\/p>\n<p>const human = new Human(&#8220;john&#8221;);<br \/>\nhuman.walk(); \/\/ Output: Animal John is walking<\/p>\n<p>console.log(Human.capitalize(&#8220;sarah&#8221;)); \/\/ Output: Sarah<br \/>\nHuman.greet(); \/\/ Output: Hello!<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u062a\u0648\u062c\u0647:<\/p>\n<p>\u0627\u06cc\u0646 Human \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0631\u0627 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc \u0628\u0631\u062f capitalize \u0631\u0648\u0634 \u0627\u0632 Animal.<\/p>\n<p>Human  \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062e\u0648\u062f \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u062f\u060c \u0645\u0627\u0646\u0646\u062f greet.<\/p>\n<p>  \u2b50 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u063a\u06cc\u0631 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<\/p>\n<p>\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0631\u0627 \u0627\u0632 \u0645\u062a\u062f\u0647\u0627\u06cc \u063a\u06cc\u0631\u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0627\u0645\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<p>class Calculator {<br \/>\n    static add(a, b) {<br \/>\n        return a + b;<br \/>\n    }<\/p>\n<p>    multiply(a, b) {<br \/>\n        \/\/ Using a static method in a non-static method<br \/>\n        return Calculator.add(a, 0) * b;<br \/>\n    }<br \/>\n}<\/p>\n<p>const calc = new Calculator();<br \/>\nconsole.log(calc.multiply(3, 4)); \/\/ Output: 12<br \/>\nconsole.log(Calculator.add(5, 6)); \/\/ Output: 11<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u2b50 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u062a\u0641\u0627\u0648\u062a \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f:<\/p>\n<p>class MyClass {<br \/>\n    static staticMethod() {<br \/>\n        return &#8220;I&#8217;m a static method&#8221;;<br \/>\n    }<\/p>\n<p>    instanceMethod() {<br \/>\n        return &#8220;I&#8217;m an instance method&#8221;;<br \/>\n    }<br \/>\n}<\/p>\n<p>console.log(MyClass.staticMethod()); \/\/ Output: I&#8217;m a static method<\/p>\n<p>const obj = new MyClass();<br \/>\nconsole.log(obj.instanceMethod()); \/\/ Output: I&#8217;m an instance method<\/p>\n<p>\/\/ This would throw an error:<br \/>\n\/\/ console.log(MyClass.instanceMethod());<\/p>\n<p>\/\/ This would also throw an error:<br \/>\n\/\/ console.log(obj.staticMethod());<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u2b50 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<\/p>\n<p>\u062a\u0648\u0627\u0628\u0639 \u0633\u0648\u062f\u0645\u0646\u062f: \u0631\u0648\u0634 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u062d\u0627\u0644\u062a \u0634\u06cc \u0646\u06cc\u0627\u0632 \u0646\u062f\u0627\u0631\u0646\u062f.<\/p>\n<p>\u0631\u0648\u0634 \u0647\u0627\u06cc \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u0627\u06cc: \u0627\u06cc\u062c\u0627\u062f \u0646\u0645\u0648\u0646\u0647 \u0647\u0627\u06cc\u06cc \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u062e\u0627\u0635.<\/p>\n<p>Cache \u06cc\u0627 Fixed-Configuration: \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9 \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f.<\/p>\n<p>\u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u0631\u0648\u0634 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u0627\u06cc:<\/p>\n<p>class User {<br \/>\n    constructor(name, role) {<br \/>\n        this.name = name;<br \/>\n        this.role = role;<br \/>\n    }<\/p>\n<p>    static createAdmin(name) {<br \/>\n        return new User(name, &#8220;admin&#8221;);<br \/>\n    }<br \/>\n}<\/p>\n<p>const admin = User.createAdmin(&#8220;Alice&#8221;);<br \/>\nconsole.log(admin.role); \/\/ Output: admin<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u2b50 \u062e\u0648\u0631\u0627\u06a9\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<\/p>\n<p>\u0645\u062a\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u0634\u0648\u0646\u062f\u060c \u0646\u0647 \u0646\u0645\u0648\u0646\u0647 \u0647\u0627.<br \/>\n\u0622\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u0646\u062f: ClassName.methodName().<br \/>\n\u0622\u0646\u0647\u0627 \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u062a\u0648\u0633\u0637 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0628\u0647 \u0627\u0631\u062b \u0628\u0631\u062f.<br \/>\n\u0622\u0646\u0647\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u06cc\u0627 \u0645\u062a\u062f\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<br \/>\n\u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0627\u0628\u0639 \u0627\u0628\u0632\u0627\u0631\u060c \u0631\u0648\u0634 \u0647\u0627\u06cc \u06a9\u0627\u0631\u062e\u0627\u0646\u0647\u060c \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0633\u0637\u062d \u06a9\u0644\u0627\u0633 \u0645\u0641\u06cc\u062f \u0647\u0633\u062a\u0646\u062f.<br \/>\n\u0634\u0645\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0631\u0627 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0647\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0648 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u062f\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647 \u0631\u0627 \u062f\u0631 \u06a9\u0644\u0627\u0633 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<p>  \u25b6\ufe0f \u06af\u06cc\u0631\u0646\u062f\u0647 \u0648 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u0646\u062f\u0647<\/p>\n<p>\u06af\u06cc\u0631\u0646\u062f\u0647 \u0647\u0627 \u0648 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627 \u062a\u0648\u0627\u0628\u0639\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u0646\u062f \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0634\u06cc \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0648 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/p>\n<p>\/\/getter setter<br \/>\nclass human {<br \/>\n    constructor(name, age) {<br \/>\n        this._name = name;<br \/>\n    }<br \/>\n    get getName() {<br \/>\n        return this._name;<br \/>\n    }<br \/>\n    set setName(name) {<br \/>\n        this._name = name;<br \/>\n    }<br \/>\n}<\/p>\n<p>const person = new human(&#8220;&#8221;, 0);<br \/>\nperson.setName = &#8220;Raj&#8221;;<br \/>\nperson.setAge = 25;<\/p>\n<p>console.log(person.getName);<br \/>\nconsole.log(person.getAge);<\/p>\n<p>\/\/Raj<br \/>\n\/\/25<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u25b6\ufe0f instanceOf Operator<\/p>\n<p>\u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u06cc\u06a9 \u0634\u06cc \u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633\u060c \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u06cc\u0627 \u0631\u0627\u0628\u0637 \u0627\u0633\u062a<\/p>\n<p>\/\/getter setter<br \/>\nclass human {<br \/>\n    constructor(name, age) {<br \/>\n        this.name = name;<br \/>\n        this.age = age;<br \/>\n    }<br \/>\n    get getName() {<br \/>\n        return this.name;<br \/>\n    }<br \/>\n    set setName(name) {<br \/>\n        this.name = name;<br \/>\n    }<br \/>\n    get getAge() {<br \/>\n        return this.age;<br \/>\n    }<br \/>\n    set setAge(age) {<br \/>\n        this.age = age;<br \/>\n    }<br \/>\n}<\/p>\n<p>const person = new human(&#8220;&#8221;, 0);<br \/>\nperson.setName = &#8220;Raj&#8221;;<br \/>\nperson.setAge = 25;<\/p>\n<p>console.log(person.getName);<br \/>\nconsole.log(person.getAge);<\/p>\n<p>const person1 = &#8220;Subham&#8221;<\/p>\n<p>console.log( person instanceof human)\/\/true<br \/>\nconsole.log( person1 instanceof human)\/\/false<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 true \u0631\u0627 \u0628\u0631\u0627\u06cc \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f<\/p>\n<p>\/\/getter setter<br \/>\nclass human {<br \/>\n    constructor(name, age) {<br \/>\n        this.name = name;<br \/>\n        this.age = age;<br \/>\n    }<br \/>\n    get getName() {<br \/>\n        return this.name;<br \/>\n    }<br \/>\n    set setName(name) {<br \/>\n        this.name = name;<br \/>\n    }<br \/>\n    get getAge() {<br \/>\n        return this.age;<br \/>\n    }<br \/>\n    set setAge(age) {<br \/>\n        this.age = age;<br \/>\n    }<br \/>\n}<\/p>\n<p>class Coder extends human {<br \/>\n    constructor(name, age, language) {<br \/>\n        super(name, age);<br \/>\n        this.language = language;<br \/>\n    }<br \/>\n}<\/p>\n<p>const person = new human(&#8220;&#8221;, 0);<br \/>\nconst subham = new Coder(&#8220;subham&#8221;, 22, &#8220;java&#8221;);<br \/>\nperson.setName = &#8220;Raj&#8221;;<br \/>\nperson.setAge = 25;<\/p>\n<p>console.log( person instanceof human)<br \/>\nconsole.log( subham instanceof human)<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0628\u0627\u0628\u062a \u0633\u0648\u0621 \u062a\u0641\u0627\u0647\u0645 \u067e\u06cc\u0634 \u0622\u0645\u062f\u0647 \u067e\u0648\u0632\u0634 \u0645\u06cc \u0637\u0644\u0628\u0645. \u062d\u0642 \u0628\u0627 \u0634\u0645\u0627\u0633\u062a\u060c \u0645\u0646 \u0628\u0627\u06cc\u062f \u0645\u062e\u062a\u0635\u0631\u062a\u0631 \u0645\u06cc \u06af\u0641\u062a\u0645. \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u062a\u0648\u0636\u06cc\u062d \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632\u062a\u0631\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u06a9\u067e\u0633\u0648\u0644\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0631\u0627\u0626\u0647 \u06a9\u0646\u0645\u060c \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0627\u0644\u06af\u0648\u06cc\u06cc \u06a9\u0647 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u062f:<\/p>\n<p>  \u25b6\ufe0f \u06a9\u067e\u0633\u0648\u0644\u0627\u0633\u06cc\u0648\u0646<\/p>\n<p>\u06a9\u067e\u0633\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u06cc\u06a9 \u0634\u06cc \u0627\u0633\u062a<\/p>\n<p>class BankAccount {<br \/>\n    #balance; \/\/ Private field<\/p>\n<p>    constructor(initialBalance) {<br \/>\n        this.#balance = initialBalance;<br \/>\n    }<\/p>\n<p>    deposit(amount) {<br \/>\n        if (amount &gt; 0) {<br \/>\n            this.#balance += amount;<br \/>\n        }<br \/>\n    }<\/p>\n<p>    getBalance() {<br \/>\n        return this.#balance;<br \/>\n    }<br \/>\n}<\/p>\n<p>const account = new BankAccount(1000);<br \/>\naccount.deposit(500);<br \/>\nconsole.log(account.getBalance()); \/\/ 1500<br \/>\n\/\/ console.log(account.#balance); \/\/ Syntax error: private field<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\/\/Encapsulation<br \/>\nconst user = {<br \/>\n    firstName: &#8220;John&#8221;,<br \/>\n    lastName: &#8220;Doe&#8221;,<br \/>\n    age: 25,<br \/>\n    getAgeYear: function() {<br \/>\n        return new Date().getFullYear() &#8211; this.age;<br \/>\n    }<br \/>\n}<br \/>\nconsole.log(user.getAgeYear());<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u25b6\ufe0f \u0686\u0646\u062f \u0634\u06a9\u0644\u06cc<\/p>\n<p>Polymorphism \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc &#8220;\u0634\u06a9\u0644 \u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f&#8221; \u0627\u0633\u062a \u0648 \u0632\u0645\u0627\u0646\u06cc \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f \u06a9\u0647 \u0645\u0627 \u06a9\u0644\u0627\u0633 \u0647\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u06a9\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u0631\u062b \u0628\u0647 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0645\u0631\u062a\u0628\u0637 \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p>\/\/ Parent class<br \/>\nclass Animal {<br \/>\n  makeSound() {<br \/>\n    console.log(&#8220;The animal makes a sound&#8221;);<br \/>\n  }<br \/>\n}<\/p>\n<p>\/\/ Child classes<br \/>\nclass Dog extends Animal {<br \/>\n  makeSound() {<br \/>\n    console.log(&#8220;The dog barks&#8221;);<br \/>\n  }<br \/>\n}<\/p>\n<p>class Cat extends Animal {<br \/>\n  makeSound() {<br \/>\n    console.log(&#8220;The cat meows&#8221;);<br \/>\n  }<br \/>\n}<\/p>\n<p>\/\/ Function to demonstrate polymorphism<br \/>\nfunction animalSound(animal) {<br \/>\n  animal.makeSound();<br \/>\n}<\/p>\n<p>\/\/ Usage<br \/>\nconst animal = new Animal();<br \/>\nconst dog = new Dog();<br \/>\nconst cat = new Cat();<\/p>\n<p>animalSound(animal); \/\/ Output: The animal makes a sound<br \/>\nanimalSound(dog); \/\/ Output: The dog barks<br \/>\nanimalSound(cat); \/\/ Output: The cat meows<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u25b6\ufe0f \u0627\u0646\u062a\u0632\u0627\u0639<\/p>\n<p>\u0627\u0646\u062a\u0632\u0627\u0639 \u0645\u0641\u0647\u0648\u0645 \u067e\u0646\u0647\u0627\u0646 \u06a9\u0631\u062f\u0646 \u062c\u0632\u0626\u06cc\u0627\u062a \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u062a\u0646\u0647\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0636\u0631\u0648\u0631\u06cc \u06cc\u06a9 \u0634\u06cc \u0627\u0633\u062a.<\/p>\n<p>\/\/ Abstraction: Hiding complex implementation details and showing only the necessary features of an object.<\/p>\n<p>\/\/ Abstract class<br \/>\nclass Vehicle {<br \/>\n    constructor(brand) {<br \/>\n        this.brand = brand;<br \/>\n    }<\/p>\n<p>    \/\/ Abstract method<br \/>\n    start() {<br \/>\n        throw new Error(&#8220;Method &#8216;start()&#8217; must be implemented.&#8221;);<br \/>\n    }<\/p>\n<p>    getBrand() {<br \/>\n        return this.brand;<br \/>\n    }<br \/>\n}<\/p>\n<p>\/\/ Concrete class<br \/>\nclass Car extends Vehicle {<br \/>\n    start() {<br \/>\n        return `${this.brand} car is starting&#8230;`;<br \/>\n    }<br \/>\n}<\/p>\n<p>\/\/ Usage<br \/>\nconst myCar = new Car(&#8220;Toyota&#8221;);<br \/>\nconsole.log(myCar.getBrand()); \/\/ Output: Toyota<br \/>\nconsole.log(myCar.start());    \/\/ Output: Toyota car is starting&#8230;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<div data-article-id=\"2011957\" id=\"article-body\">\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%F0%9F%94%A5%D8%A7%D8%AA%D8%B5%D8%A7%D9%84_https_wwwsubhamonline\" >\ud83d\udd25\u0627\u062a\u0635\u0627\u0644: https:\/\/www.subham.online<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%F0%9F%94%A5%D8%AA%D9%88%DB%8C%D8%AA%D8%B1_https_twittercomTheSubhamMaity\" >\ud83d\udd25\u062a\u0648\u06cc\u062a\u0631: https:\/\/twitter.com\/TheSubhamMaity<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%D9%85%D8%B9%D8%B1%D9%81%DB%8C\" >\u25b6\ufe0f \u0645\u0639\u0631\u0641\u06cc<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_OOPs_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\" >\u2b50 OOPs \u0686\u06cc\u0633\u062a\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_4_%D8%B3%D8%AA%D9%88%D9%86_OOP\" >\u2b50 4 \u0633\u062a\u0648\u0646 OOP<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%D9%86%D9%85%D9%88%D9%86%D9%87_%D9%87%D8%A7%DB%8C_%D8%A7%D9%88%D9%84%DB%8C%D9%87_%D9%88_%D9%BE%D8%B1%D9%88%D8%AA%D9%88\" >\u25b6\ufe0f \u0646\u0645\u0648\u0646\u0647 \u0647\u0627\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0648 \u067e\u0631\u0648\u062a\u0648<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DB%8C%DA%A9_%D9%86%D9%85%D9%88%D9%86%D9%87_%D8%A7%D9%88%D9%84%DB%8C%D9%87\" >\u2b50 \u062a\u0646\u0638\u06cc\u0645 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D9%85%D8%AB%D8%A7%D9%84\" >\u2b50 \u0645\u062b\u0627\u0644:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%DA%A9%D9%84%D8%A7%D8%B3_%D9%87%D8%A7_%D9%88_%D8%B4%DB%8C\" >\u25b6\ufe0f \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0648 \u0634\u06cc<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D9%85%D8%AB%D8%A7%D9%84-2\" >\u2b50 \u0645\u062b\u0627\u0644:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%D8%B3%D8%A7%D8%B2%D9%86%D8%AF%D9%87\" >\u25b6\ufe0f \u0633\u0627\u0632\u0646\u062f\u0647<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%B3%D8%A7%D8%B2%D9%86%D8%AF%D9%87\" >\u2b50 \u0627\u0646\u0648\u0627\u0639 \u0633\u0627\u0632\u0646\u062f\u0647<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%D8%A7%D8%B1%D8%AB\" >\u25b6\ufe0f \u0627\u0631\u062b<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%DA%86%D8%B1%D8%A7%D8%9F\" >\u2b50 \u0686\u0631\u0627\u061f<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%D8%A7%DA%AF%D8%B1_%D9%86%D9%85%DB%8C_%D8%AF%D8%A7%D9%86%DB%8C%D8%AF_%D8%A7%D8%B1%D8%AB_%DA%86%DB%8C%D8%B3%D8%AA\" >\u0627\u06af\u0631 \u0646\u0645\u06cc \u062f\u0627\u0646\u06cc\u062f \u0627\u0631\u062b \u0686\u06cc\u0633\u062a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%D8%A7%DA%AF%D8%B1_%D9%85%DB%8C_%D8%AF%D8%A7%D9%86%DB%8C%D8%AF\" >\u0627\u06af\u0631 \u0645\u06cc \u062f\u0627\u0646\u06cc\u062f<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%B1%D8%AB\" >\u2b50 \u0627\u0646\u0648\u0627\u0639 \u0627\u0631\u062b<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_Overriding_%D8%B1%D9%88%D8%B4\" >\u25b6\ufe0f Overriding \u0631\u0648\u0634<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%DA%A9%D9%84%DB%8C%D8%AF_%D9%88%D8%A7%DA%98%D9%87_%D9%81%D9%88%D9%82_%D8%A7%D9%84%D8%B9%D8%A7%D8%AF%D9%87_%E2%80%93_%D8%A7%D9%86%D9%88%D8%A7%D8%B9\" >\u2b50 \u06a9\u0644\u06cc\u062f \u0648\u0627\u0698\u0647 \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 &#8211; \u0627\u0646\u0648\u0627\u0639<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%D9%86%D8%A7%D8%AF%DB%8C%D8%AF%D9%87_%DA%AF%D8%B1%D9%81%D8%AA%D9%86_%D8%B3%D8%A7%D8%B2%D9%86%D8%AF%D9%87\" >\u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u0633\u0627\u0632\u0646\u062f\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%D9%86%D8%A7%D8%AF%DB%8C%D8%AF%D9%87_%DA%AF%D8%B1%D9%81%D8%AA%D9%86_%DB%8C%DA%A9_%D8%B1%D9%88%D8%B4\" >\u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u06cc\u06a9 \u0631\u0648\u0634<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D9%86%DA%A9%D8%A7%D8%AA_%DA%A9%D9%84%DB%8C%D8%AF%DB%8C_%D9%86%D8%A7%D8%AF%DB%8C%D8%AF%D9%87_%DA%AF%D8%B1%D9%81%D8%AA%D9%86_%D8%B1%D9%88%D8%B4\" >\u2b50 \u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u0631\u0648\u0634<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%DB%8C%D8%A7%D8%AF%D8%AF%D8%A7%D8%B4%D8%AA_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B6%D8%A7%D9%81%DB%8C\" >\u2b50 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%D8%AA%D8%A8%D8%B5%D8%B1%D9%87_1\" >\u062a\u0628\u0635\u0631\u0647 1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%D8%AA%D8%A8%D8%B5%D8%B1%D9%87_2\" >\u062a\u0628\u0635\u0631\u0647 2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%D8%AA%D8%A8%D8%B5%D8%B1%D9%87_3\" >\u062a\u0628\u0635\u0631\u0647 3<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%D8%B1%D9%88%D8%B4_%D8%A7%D8%B6%D8%A7%D9%81%D9%87_%D8%A8%D8%A7%D8%B1\" >\u25b6\ufe0f \u0631\u0648\u0634 \u0627\u0636\u0627\u0641\u0647 \u0628\u0627\u0631<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%A2%DB%8C%D8%A7_%D9%85%DB%8C%E2%80%8C%D8%AA%D9%88%D8%A7%D9%86%DB%8C%D9%85_%DB%8C%DA%A9_%D8%AA%D8%A7%D8%A8%D8%B9_%D8%B1%D8%A7_%D8%AF%D8%B1_%D8%AC%D8%A7%D9%88%D8%A7_%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%A8%D8%A7%D8%B1%DA%AF%D8%B0%D8%A7%D8%B1%DB%8C_%DA%A9%D9%86%DB%8C%D9%85%D8%9F\" >\u2b50 \u0622\u06cc\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0631\u0627 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u0645\u061f<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%D8%A8%D9%87_%D8%A7%D8%B5%D9%84%D8%A7%D8%AD_%DA%A9%D9%86%D9%86%D8%AF%D9%87_%D9%87%D8%A7_%D8%AF%D8%B3%D8%AA%D8%B1%D8%B3%DB%8C_%D9%BE%DB%8C%D8%AF%D8%A7_%DA%A9%D9%86%DB%8C%D8%AF\" >\u25b6\ufe0f \u0628\u0647 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%B5%D9%84%D8%A7%D8%AD_%DA%A9%D9%86%D9%86%D8%AF%D9%87_%D9%87%D8%A7%DB%8C_%D8%AF%D8%B3%D8%AA%D8%B1%D8%B3%DB%8C\" >\u2b50 \u0627\u0646\u0648\u0627\u0639 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%AC%D8%AF%D9%88%D9%84_%D8%AF%D8%B3%D8%AA%D8%B1%D8%B3%DB%8C\" >\u2b50 \u062c\u062f\u0648\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D9%85%D8%AB%D8%A7%D9%84-3\" >\u2b50 \u0645\u062b\u0627\u0644<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#1_%D8%A7%D8%B9%D8%B6%D8%A7%DB%8C_%D8%B9%D9%85%D9%88%D9%85%DB%8C\" >1. \u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#2_%D8%A7%D8%B9%D8%B6%D8%A7%DB%8C_%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%AA_%D8%B4%D8%AF%D9%87_%D8%B4%D8%A8%DB%8C%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%B4%D8%AF%D9%87\" >2. \u0627\u0639\u0636\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 (\u0634\u0628\u06cc\u0647 \u0633\u0627\u0632\u06cc \u0634\u062f\u0647)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#3_%D8%A7%D8%B9%D8%B6%D8%A7%DB%8C_%D8%AE%D8%B5%D9%88%D8%B5%DB%8C\" >3. \u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%D8%AE%D9%88%D8%B1%D8%A7%DA%A9%DB%8C_%D9%87%D8%A7%DB%8C_%DA%A9%D9%84%DB%8C%D8%AF%DB%8C\" >\u062e\u0648\u0631\u0627\u06a9\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%D8%A7%DB%8C%D8%B3%D8%AA%D8%A7\" >\u25b6\ufe0f \u0627\u06cc\u0633\u062a\u0627<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%D9%88%D8%B1%D8%A7%D8%AB%D8%AA_%D9%88_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9\" >\u2b50 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0648\u0631\u0627\u062b\u062a \u0648 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-39\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D9%81%D8%B1%D8%A7%D8%AE%D9%88%D8%A7%D9%86%DB%8C_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9_%D8%A7%D8%B2_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%D8%BA%DB%8C%D8%B1_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9\" >\u2b50 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u063a\u06cc\u0631 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-40\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%B1%D9%88%D8%B4%E2%80%8C%D9%87%D8%A7%DB%8C_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9_%D8%AF%D8%B1_%D9%85%D9%82%D8%A7%D8%A8%D9%84_%D8%B1%D9%88%D8%B4%E2%80%8C%D9%87%D8%A7%DB%8C_%D9%86%D9%85%D9%88%D9%86%D9%87\" >\u2b50 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-41\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D9%85%D9%88%D8%A7%D8%B1%D8%AF_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9\" >\u2b50 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-42\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%AD%90_%D8%AE%D9%88%D8%B1%D8%A7%DA%A9%DB%8C_%D9%87%D8%A7%DB%8C_%DA%A9%D9%84%DB%8C%D8%AF%DB%8C\" >\u2b50 \u062e\u0648\u0631\u0627\u06a9\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-43\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%DA%AF%DB%8C%D8%B1%D9%86%D8%AF%D9%87_%D9%88_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DA%A9%D9%86%D9%86%D8%AF%D9%87\" >\u25b6\ufe0f \u06af\u06cc\u0631\u0646\u062f\u0647 \u0648 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u0646\u062f\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-44\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_instanceOf_Operator\" >\u25b6\ufe0f instanceOf Operator<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-45\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%DA%A9%D9%BE%D8%B3%D9%88%D9%84%D8%A7%D8%B3%DB%8C%D9%88%D9%86\" >\u25b6\ufe0f \u06a9\u067e\u0633\u0648\u0644\u0627\u0633\u06cc\u0648\u0646<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-46\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%DA%86%D9%86%D8%AF_%D8%B4%DA%A9%D9%84%DB%8C\" >\u25b6\ufe0f \u0686\u0646\u062f \u0634\u06a9\u0644\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-47\" href=\"https:\/\/nabfollower.com\/blog\/oops-in-js-ultimate-4j34\/#%E2%96%B6%EF%B8%8F_%D8%A7%D9%86%D8%AA%D8%B2%D8%A7%D8%B9\" >\u25b6\ufe0f \u0627\u0646\u062a\u0632\u0627\u0639<\/a><\/li><\/ul><\/nav><\/div>\n<h4><span class=\"ez-toc-section\" id=\"%F0%9F%94%A5%D8%A7%D8%AA%D8%B5%D8%A7%D9%84_https_wwwsubhamonline\"><\/span>\n<p>  \ud83d\udd25\u0627\u062a\u0635\u0627\u0644: https:\/\/www.subham.online<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h4><span class=\"ez-toc-section\" id=\"%F0%9F%94%A5%D8%AA%D9%88%DB%8C%D8%AA%D8%B1_https_twittercomTheSubhamMaity\"><\/span>\n<p>  \ud83d\udd25\u062a\u0648\u06cc\u062a\u0631: <a href=\"https:\/\/twitter.com\/TheSubhamMaity\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">https:\/\/twitter.com\/TheSubhamMaity<\/a><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%D9%85%D8%B9%D8%B1%D9%81%DB%8C\"><\/span>\n<p>  \u25b6\ufe0f \u0645\u0639\u0631\u0641\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_OOPs_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\"><\/span>\n<p>  \u2b50 OOPs \u0686\u06cc\u0633\u062a\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc \u06af\u0631\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u0627\u0634\u06cc\u0627 \u0627\u0633\u062a.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_4_%D8%B3%D8%AA%D9%88%D9%86_OOP\"><\/span>\n<p>  \u2b50 4 \u0633\u062a\u0648\u0646 OOP<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u0635\u0637\u0644\u0627\u062d\u0627\u062a \u062f\u0631 OOP<\/p>\n<ol>\n<li>\n<strong>\u0627\u0646\u062a\u0632\u0627\u0639<\/strong> &#8211; \u067e\u0646\u0647\u0627\u0646 \u06a9\u0631\u062f\u0646 \u062c\u0632\u0626\u06cc\u0627\u062a \u062f\u0627\u062e\u0644\u06cc (\u0641\u0642\u0637 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0636\u0631\u0648\u0631\u06cc \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f!)<\/li>\n<li>\n<strong>\u06a9\u067e\u0633\u0648\u0644\u0627\u0633\u06cc\u0648\u0646<\/strong> &#8211; \u0639\u0645\u0644 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u0627\u062c\u0632\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 (\u062f\u0631 \u06cc\u06a9 \u06a9\u067e\u0633\u0648\u0644)<\/li>\n<li>\n<strong>\u0627\u0631\u062b<\/strong> &#8211; \u0639\u0645\u0644 \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u0686\u06cc\u0632\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0627\u0632 \u0686\u06cc\u0632\u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f<\/li>\n<li>\n<strong>\u0686\u0646\u062f \u0634\u06a9\u0644\u06cc<\/strong> &#8211; \u06cc\u06a9 \u0645\u0648\u062c\u0648\u062f\u06cc\u062a\u060c \u0627\u0634\u06a9\u0627\u0644 \u0645\u062a\u0639\u062f\u062f<\/li>\n<\/ol>\n<p><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%D9%86%D9%85%D9%88%D9%86%D9%87_%D9%87%D8%A7%DB%8C_%D8%A7%D9%88%D9%84%DB%8C%D9%87_%D9%88_%D9%BE%D8%B1%D9%88%D8%AA%D9%88\"><\/span>\n<p>  \u25b6\ufe0f \u0646\u0645\u0648\u0646\u0647 \u0647\u0627\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0648 <strong>\u067e\u0631\u0648\u062a\u0648<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0634\u06cc\u0627\u0621 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u0631\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc \u062e\u0627\u0635\u06cc \u0628\u0647 \u0646\u0627\u0645 \u0647\u0633\u062a\u0646\u062f <code>prototype<\/code> \u06cc\u0639\u0646\u06cc  <em>\u06cc\u0627 <code>null<\/code> \u06cc\u0627 \u0628\u0647 \u0634\u06cc \u062f\u06cc\u06af\u0631\u06cc \u0627\u0631\u062c\u0627\u0639 \u0645\u06cc \u062f\u0647\u062f<\/em> <\/p>\n<p><strong>\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0645\u0627 \u0633\u0639\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u0634\u06cc \u0628\u062e\u0648\u0627\u0646\u06cc\u0645\u060c \u0648 \u0622\u0646 \u0627\u0632 \u062f\u0633\u062a \u0631\u0641\u062a\u0647 \u0627\u0633\u062a\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06af\u06cc\u0631\u062f. \u0627\u06cc\u0646 \u0648\u0631\u0627\u062b\u062a \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DB%8C%DA%A9_%D9%86%D9%85%D9%88%D9%86%D9%87_%D8%A7%D9%88%D9%84%DB%8C%D9%87\"><\/span>\n<p>  \u2b50 \u062a\u0646\u0638\u06cc\u0645 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u0628\u0627 \u062a\u0646\u0638\u06cc\u0645 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u0645 <code>__proto__<\/code>. \u0627\u06af\u0631 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u0634\u06cc \u0628\u062e\u0648\u0627\u0646\u06cc\u0645 \u06a9\u0647 \u062f\u0631 \u0634\u06cc \u0646\u06cc\u0633\u062a \u0627\u0645\u0627 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06af\u06cc\u0631\u062f. \u0627\u06af\u0631 \u0645\u062a\u062f\u06cc \u062f\u0631 \u0634\u06cc\u0621 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u0627\u0632 \u0634\u06cc\u0621 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f. \u0627\u06af\u0631 \u062f\u0631 \u0634\u06cc\u0621 \u0645\u0648\u062c\u0648\u062f \u0646\u0628\u0627\u0634\u062f \u0648 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0627\u0632 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f.<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D9%85%D8%AB%D8%A7%D9%84\"><\/span>\n<p>  \u2b50 \u0645\u062b\u0627\u0644:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/It will work properly<\/span>\n<span class=\"kd\">let<\/span> <span class=\"nx\">p<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">run<\/span> <span class=\"p\">:<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">run<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nx\">p<\/span><span class=\"p\">.<\/span><span class=\"nf\">run<\/span><span class=\"p\">()<\/span><span class=\"c1\">\/\/Output: - run<\/span>\n\n<span class=\"c1\">\/\/Let's define another property<\/span>\n<span class=\"kd\">let<\/span> <span class=\"nx\">a<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">name<\/span> <span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\"> subham<\/span><span class=\"dl\">\"<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nx\">a<\/span><span class=\"p\">.<\/span><span class=\"nf\">run<\/span><span class=\"p\">()<\/span> <span class=\"c1\">\/\/TypeError: a.run is not a function<\/span>\n\n<span class=\"c1\">\/\/Now with proto<\/span>\n<span class=\"kd\">let<\/span> <span class=\"nx\">b<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">name<\/span> <span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\"> subham<\/span><span class=\"dl\">\"<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"nx\">b<\/span><span class=\"p\">.<\/span><span class=\"nx\">__proto__<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">p<\/span>\n<span class=\"nx\">b<\/span><span class=\"p\">.<\/span><span class=\"nf\">run<\/span><span class=\"p\">()<\/span> <span class=\"c1\">\/\/Output: - run<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0647 \u0633\u0627\u062f\u06af\u06cc\u060c \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u06cc\u06a9 \u0634\u06cc \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0634\u06cc \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0627\u0631\u062b \u0628\u0628\u0631\u06cc\u062f. \u0627\u06cc\u0646 \u0648\u0631\u0627\u062b\u062a \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/It will work properly<\/span>\n<span class=\"kd\">let<\/span> <span class=\"nx\">p<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">run<\/span> <span class=\"p\">:<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">p run<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nx\">p<\/span><span class=\"p\">.<\/span><span class=\"nf\">run<\/span><span class=\"p\">()<\/span><span class=\"c1\">\/\/Output: - p run<\/span>\n\n<span class=\"c1\">\/\/Now with proto<\/span>\n<span class=\"kd\">let<\/span> <span class=\"nx\">b<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">run<\/span> <span class=\"p\">:<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">b run<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"nx\">b<\/span><span class=\"p\">.<\/span><span class=\"nx\">__proto__<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">p<\/span>\n<span class=\"nx\">b<\/span><span class=\"p\">.<\/span><span class=\"nf\">run<\/span><span class=\"p\">()<\/span> <span class=\"c1\">\/\/Output: - b run<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u06af\u0631 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u06cc\u0627 \u0645\u062a\u062f \u0627\u0632 \u0642\u0628\u0644 \u062f\u0631 \u0634\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0632 \u0622\u0646 \u0648\u06cc\u0698\u06af\u06cc \u06cc\u0627 \u0645\u062a\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f. \u0627\u06af\u0631 \u062f\u0631 \u0634\u06cc \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0627\u0645\u0627 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06af\u06cc\u0631\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 <code>run<\/code> \u0631\u0648\u0634 \u0642\u0628\u0644\u0627\u064b \u062f\u0631 <code>b<\/code> \u0634\u06cc\u060c \u00abb run\u00bb \u0631\u0627 \u0686\u0627\u067e \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.<\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%DA%A9%D9%84%D8%A7%D8%B3_%D9%87%D8%A7_%D9%88_%D8%B4%DB%8C\"><\/span>\n<p>  \u25b6\ufe0f \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0648 \u0634\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc \u06af\u0631\u0627\u060c \u06a9\u0644\u0627\u0633 \u06cc\u06a9 \u062a\u0639\u0631\u06cc\u0641 \u0642\u0627\u0644\u0628\u06cc \u0627\u0632 \u0645\u062a\u062f\u0647\u0627 \u0648 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u062f\u0631 \u06cc\u06a9 \u0646\u0648\u0639 \u062e\u0627\u0635 \u0627\u0632 \u0634\u06cc \u0627\u0633\u062a.<\/li>\n<li>\u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc \u06af\u0631\u0627\u060c \u06cc\u06a9 \u0634\u06cc \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u062e\u0627\u0635 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 (\u06cc\u0627 \u0633\u0627\u062e\u062a\u0627\u0631) \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u062d\u0627\u0641\u0638\u0647 \u062a\u062e\u0635\u06cc\u0635 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D9%85%D8%AB%D8%A7%D9%84-2\"><\/span>\n<p>  \u2b50 \u0645\u062b\u0627\u0644:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/class<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">GoogleForm<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">submit<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n       <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\"> <\/span><span class=\"dl\">\"<\/span> <span class=\"o\">+<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">roll<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\"> Your form submitted<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">cancel<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\"> <\/span><span class=\"dl\">\"<\/span> <span class=\"o\">+<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">roll<\/span> <span class=\"o\">+<\/span><span class=\"dl\">\"<\/span><span class=\"s2\"> Your form cancelled<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">fill<\/span><span class=\"p\">(<\/span><span class=\"nx\">given_name<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">roll<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">given_name<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">roll<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">roll<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n\n<span class=\"c1\">\/\/object<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">student1Form<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">GoogleForm<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">student1Form<\/span><span class=\"p\">.<\/span><span class=\"nf\">fill<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Rahul<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">,<\/span> <span class=\"mi\">24<\/span><span class=\"p\">)<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">student2Form<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">GoogleForm<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">student2Form<\/span><span class=\"p\">.<\/span><span class=\"nf\">fill<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Raj<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">,<\/span> <span class=\"mi\">25<\/span><span class=\"p\">)<\/span>\n\n<span class=\"nx\">student2Form<\/span><span class=\"p\">.<\/span><span class=\"nf\">cancel<\/span><span class=\"p\">()<\/span>\n\n\n<span class=\"nx\">student1Form<\/span><span class=\"p\">.<\/span><span class=\"nf\">submit<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">student2Form<\/span><span class=\"p\">.<\/span><span class=\"nf\">submit<\/span><span class=\"p\">()<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%D8%B3%D8%A7%D8%B2%D9%86%D8%AF%D9%87\"><\/span>\n<p>  \u25b6\ufe0f \u0633\u0627\u0632\u0646\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0633\u0627\u0632\u0646\u062f\u0647 \u06cc\u06a9 \u0627\u0633\u062a <strong>\u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u06cc\u0698\u0647<\/strong> \u06a9\u0647 \u0627\u0634\u06cc\u0627\u0621 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0648 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062d\u0627\u0644\u062a \u0648 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0627\u0648\u0644\u06cc\u0647 \u0622\u0646\u0647\u0627 \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f. <\/p>\n<p>\u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u0622\u0646\u0647\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0631\u062f\u0647 \u0627\u0646\u062f \u0641\u0631\u0645 \u0631\u0627 \u067e\u0631 \u06a9\u0646\u0646\u062f \u0648 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u0646\u062f \u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u062a\u0639\u0631\u06cc\u0641 \u0646\u0634\u062f\u0647 \u067e\u0631\u062a\u0627\u0628 \u0645\u06cc \u0634\u0648\u062f!<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Form<\/span> <span class=\"p\">{<\/span>\n\n    <span class=\"nf\">submit<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">: Your form is submitted for train number: <\/span><span class=\"dl\">\"<\/span> <span class=\"o\">+<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">cancel<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">: This form is cancelled for train number: <\/span><span class=\"dl\">\"<\/span> <span class=\"o\">+<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span><span class=\"p\">)<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">0<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">fill<\/span><span class=\"p\">(<\/span><span class=\"nx\">givenname<\/span><span class=\"p\">,<\/span> <span class=\"nx\">trainno<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">givenname<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">trainno<\/span>\n    <span class=\"p\">}<\/span>\n\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">let<\/span> <span class=\"nx\">myForm1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Form<\/span><span class=\"p\">()<\/span>\n\n<span class=\"kd\">let<\/span> <span class=\"nx\">myForm2<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Form<\/span><span class=\"p\">()<\/span>\n<span class=\"c1\">\/\/<\/span>\n<span class=\"c1\">\/\/ myForm1.fill(\"Gaurav\", 1234)<\/span>\n<span class=\"c1\">\/\/<\/span>\n<span class=\"c1\">\/\/ myForm2.fill(\"Rahul\", 5678)<\/span>\n\n<span class=\"nx\">myForm1<\/span><span class=\"p\">.<\/span><span class=\"nf\">submit<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">myForm2<\/span><span class=\"p\">.<\/span><span class=\"nf\">submit<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">myForm2<\/span><span class=\"p\">.<\/span><span class=\"nf\">cancel<\/span><span class=\"p\">()<\/span>\n\n<span class=\"c1\">\/\/ Output: undefined: Your form is submitted for train number: undefined<\/span>\n<span class=\"c1\">\/\/ Output: undefined: Your form is submitted for train number: undefined<\/span>\n<span class=\"c1\">\/\/ Output: undefined: This form is cancelled for train number: undefined<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06a9\u0646\u0648\u0646 \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Form<\/span> <span class=\"p\">{<\/span>\n\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Gaurav<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">0<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">submit<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">: Your form is submitted for train number: <\/span><span class=\"dl\">\"<\/span> <span class=\"o\">+<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">cancel<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">: This form is cancelled for train number: <\/span><span class=\"dl\">\"<\/span> <span class=\"o\">+<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span><span class=\"p\">)<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">0<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">fill<\/span><span class=\"p\">(<\/span><span class=\"nx\">givenname<\/span><span class=\"p\">,<\/span> <span class=\"nx\">trainno<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">givenname<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">trainno<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">trainno<\/span>\n    <span class=\"p\">}<\/span>\n\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">let<\/span> <span class=\"nx\">myForm1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Form<\/span><span class=\"p\">()<\/span>\n\n<span class=\"kd\">let<\/span> <span class=\"nx\">myForm2<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Form<\/span><span class=\"p\">()<\/span>\n\n<span class=\"c1\">\/\/ myForm1.fill(\"Gaurav\", 1234)<\/span>\n<span class=\"c1\">\/\/<\/span>\n<span class=\"c1\">\/\/ myForm2.fill(\"Rahul\", 5678)<\/span>\n\n<span class=\"nx\">myForm1<\/span><span class=\"p\">.<\/span><span class=\"nf\">submit<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">myForm2<\/span><span class=\"p\">.<\/span><span class=\"nf\">submit<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">myForm2<\/span><span class=\"p\">.<\/span><span class=\"nf\">cancel<\/span><span class=\"p\">()<\/span>\n\n<span class=\"c1\">\/\/ Output: Gaurav: Your form is submitted for train number: 0<\/span>\n<span class=\"c1\">\/\/ Output: Gaurav: Your form is submitted for train number: 0<\/span>\n<span class=\"c1\">\/\/ Output: Gaurav: This form is cancelled for train number: 0<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%B3%D8%A7%D8%B2%D9%86%D8%AF%D9%87\"><\/span>\n<p>  \u2b50 \u0627\u0646\u0648\u0627\u0639 \u0633\u0627\u0632\u0646\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>\n<strong>\u0633\u0627\u0632\u0646\u062f\u0647 \u0628\u062f\u0648\u0646 \u067e\u0627\u0631\u0627\u0645\u062a\u0631<\/strong>: \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc \u06a9\u0647 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0646\u062f\u0627\u0631\u062f.\n<\/li>\n<\/ol>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"kd\">class<\/span> <span class=\"nc\">Example<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">property<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">default value<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ol>\n<li>\n<strong>\u0633\u0627\u0632\u0646\u062f\u0647 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u06cc \u0634\u062f\u0647<\/strong>: \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc \u06a9\u0647 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627 \u0631\u0627 \u0645\u06cc \u06af\u06cc\u0631\u062f.\n<\/li>\n<\/ol>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"kd\">class<\/span> <span class=\"nc\">Example<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">property<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">value<\/span><span class=\"p\">;<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ol>\n<li>\n<strong>\u0633\u0627\u0632\u0646\u062f\u0647 \u06a9\u067e\u06cc<\/strong>: \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u0632\u0646\u062f\u0647 \u06a9\u067e\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f C++ \u06cc\u0627 \u062c\u0627\u0648\u0627 \u0646\u062f\u0627\u0631\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0631\u0648\u0634\u06cc \u0628\u0631\u0627\u06cc \u06a9\u067e\u06cc \u06a9\u0631\u062f\u0646 \u06cc\u06a9 \u0634\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.\n<\/li>\n<\/ol>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>    <span class=\"kd\">class<\/span> <span class=\"nc\">Example<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">property<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">value<\/span><span class=\"p\">;<\/span>\n        <span class=\"p\">}<\/span>\n\n        <span class=\"nf\">copy<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">return<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Example<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">property<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"kd\">const<\/span> <span class=\"nx\">original<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Example<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">original value<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">copy<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">original<\/span><span class=\"p\">.<\/span><span class=\"nf\">copy<\/span><span class=\"p\">();<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u062e\u0644\u0627\u0641 \u0632\u0628\u0627\u0646 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f C++\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u0631\u0627\u06cc \u062a\u062e\u0631\u06cc\u0628\u06af\u0631 \u0646\u06cc\u0633\u062a. \u062f\u0631 \u0639\u0648\u0636\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u06cc\u06a9 \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0632\u0628\u0627\u0644\u0647 \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u062a\u06a9\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062d\u0627\u0641\u0638\u0647 \u0631\u0627 \u062a\u0648\u0632\u06cc\u0639 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%D8%A7%D8%B1%D8%AB\"><\/span>\n<p>  \u25b6\ufe0f \u0627\u0631\u062b<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0648 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0627\u0632 \u06a9\u0644\u0627\u0633 \u062f\u06cc\u06af\u0631 \u0648\u0631\u0627\u062b\u062a \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. <\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%DA%86%D8%B1%D8%A7%D8%9F\"><\/span>\n<p>  \u2b50 \u0686\u0631\u0627\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"%D8%A7%DA%AF%D8%B1_%D9%86%D9%85%DB%8C_%D8%AF%D8%A7%D9%86%DB%8C%D8%AF_%D8%A7%D8%B1%D8%AB_%DA%86%DB%8C%D8%B3%D8%AA\"><\/span>\n<p>  \u0627\u06af\u0631 \u0646\u0645\u06cc \u062f\u0627\u0646\u06cc\u062f \u0627\u0631\u062b \u0686\u06cc\u0633\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Animal<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">color<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">color<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">color<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">run<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is running<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">shout<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is shouting<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">sleep<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is sleeping<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/If you are nub developer you will do<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">Monkey<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">color<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">color<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">color<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">run<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is running<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">shout<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is shouting<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">sleep<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is sleeping<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">eatBanana<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is eating banana<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">animal_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Monkey<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Simba monkey<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Brown<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">)<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">animal_2<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Animal<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Donkey<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">White<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">)<\/span>\n\n<span class=\"nx\">animal_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">eatBanana<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">animal_2<\/span><span class=\"p\">.<\/span><span class=\"nf\">shout<\/span><span class=\"p\">()<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D8%A7%DA%AF%D8%B1_%D9%85%DB%8C_%D8%AF%D8%A7%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  \u0627\u06af\u0631 \u0645\u06cc \u062f\u0627\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/Parent Class - Base Class<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">Animal<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">color<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">color<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">color<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">run<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is running<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">shout<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is shouting<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">sleep<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is sleeping<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/Child Class - Derived Class<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">Monkey<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Animal<\/span><span class=\"p\">{<\/span>\n    <span class=\"nf\">eatBanana<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is eating banana<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"c1\">\/\/you can also add new methods<\/span>\n    <span class=\"nf\">hide<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> is hiding<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">animal_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Monkey<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Simba monkey<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Brown<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">)<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">animal_2<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Animal<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Donkey<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">White<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">)<\/span>\n\n<span class=\"nx\">animal_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">eatBanana<\/span><span class=\"p\">()<\/span>\n<span class=\"nx\">animal_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">run<\/span><span class=\"p\">()<\/span>\n<span class=\"nx\">animal_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">hide<\/span><span class=\"p\">()<\/span>\n\n<span class=\"nx\">animal_2<\/span><span class=\"p\">.<\/span><span class=\"nf\">shout<\/span><span class=\"p\">()<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%B1%D8%AB\"><\/span>\n<p>  \u2b50 \u0627\u0646\u0648\u0627\u0639 \u0627\u0631\u062b<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>\u0648\u0631\u0627\u062b\u062a \u062a\u06a9\u06cc \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u06a9\u0644\u0627\u0633 \u062f\u06cc\u06af\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc \u0628\u0631\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0648\u0631\u0627\u062b\u062a \u062a\u06a9 \u0633\u0637\u062d\u06cc \u0634\u0646\u0627\u062e\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f.\n<\/li>\n<\/ol>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Displays Area of Shape<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Triangle<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"nx\">h<\/span><span class=\"p\">,<\/span> <span class=\"nx\">b<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">((<\/span><span class=\"mi\">1<\/span><span class=\"o\">\/<\/span><span class=\"mi\">2<\/span><span class=\"p\">)<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">b<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">h<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">triangle<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Triangle<\/span><span class=\"p\">();<\/span>\n<span class=\"nx\">triangle<\/span><span class=\"p\">.<\/span><span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"mi\">10<\/span><span class=\"p\">,<\/span> <span class=\"mi\">5<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Output: 25<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ol>\n<li>\u0648\u0631\u0627\u062b\u062a \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628\u06cc \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u067e\u0627\u06cc\u0647 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u0634\u0648\u062f.\n<\/li>\n<\/ol>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Displays Area of Shape<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Triangle<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"nx\">h<\/span><span class=\"p\">,<\/span> <span class=\"nx\">b<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">((<\/span><span class=\"mi\">1<\/span><span class=\"o\">\/<\/span><span class=\"mi\">2<\/span><span class=\"p\">)<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">b<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">h<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Circle<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"nx\">r<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"mf\">3.14<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">r<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">r<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">triangle<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Triangle<\/span><span class=\"p\">();<\/span>\n<span class=\"nx\">triangle<\/span><span class=\"p\">.<\/span><span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"mi\">10<\/span><span class=\"p\">,<\/span> <span class=\"mi\">5<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Output: 25<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">circle<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Circle<\/span><span class=\"p\">();<\/span>\n<span class=\"nx\">circle<\/span><span class=\"p\">.<\/span><span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"mi\">7<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Output: 153.86<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ol>\n<li>\u0648\u0631\u0627\u062b\u062a \u0686\u0646\u062f\u0633\u0637\u062d\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0645\u0634\u062a\u0642 \u0634\u062f\u0647 \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u06cc \u0634\u0648\u062f.\n<\/li>\n<\/ol>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Displays Area of Shape<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Triangle<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"nx\">h<\/span><span class=\"p\">,<\/span> <span class=\"nx\">b<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">((<\/span><span class=\"mi\">1<\/span><span class=\"o\">\/<\/span><span class=\"mi\">2<\/span><span class=\"p\">)<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">b<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">h<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">EquilateralTriangle<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Triangle<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">side<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">super<\/span><span class=\"p\">();<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">side<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">side<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">area<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">((<\/span><span class=\"nb\">Math<\/span><span class=\"p\">.<\/span><span class=\"nf\">sqrt<\/span><span class=\"p\">(<\/span><span class=\"mi\">3<\/span><span class=\"p\">)<\/span> <span class=\"o\">\/<\/span> <span class=\"mi\">4<\/span><span class=\"p\">)<\/span> <span class=\"o\">*<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">side<\/span> <span class=\"o\">*<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">side<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">equilateralTriangle<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">EquilateralTriangle<\/span><span class=\"p\">(<\/span><span class=\"mi\">5<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">equilateralTriangle<\/span><span class=\"p\">.<\/span><span class=\"nf\">area<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ Output: 10.825317547305486<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ol>\n<li>\u0648\u0631\u0627\u062b\u062a \u062a\u0631\u06a9\u06cc\u0628\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 \u0648\u0631\u0627\u062b\u062a \u0633\u0627\u062f\u0647\u060c \u0686\u0646\u062f\u06af\u0627\u0646\u0647 \u0648 \u0648\u0631\u0627\u062b\u062a \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628\u06cc \u0627\u0633\u062a. \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0627\u0632 \u0648\u0631\u0627\u062b\u062a \u0686\u0646\u062f\u06af\u0627\u0646\u0647 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc \u06a9\u0646\u062f\u060c \u0627\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u06cc\u06a9\u0633\u06cc\u0646 \u0628\u0647 \u0631\u0641\u062a\u0627\u0631 \u0645\u0634\u0627\u0628\u0647\u06cc \u062f\u0633\u062a \u06cc\u0627\u0628\u06cc\u0645.\n<\/li>\n<\/ol>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Displays Area of Shape<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Triangle<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"nx\">h<\/span><span class=\"p\">,<\/span> <span class=\"nx\">b<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">((<\/span><span class=\"mi\">1<\/span><span class=\"o\">\/<\/span><span class=\"mi\">2<\/span><span class=\"p\">)<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">b<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">h<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Circle<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Shape<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">area<\/span><span class=\"p\">(<\/span><span class=\"nx\">r<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"mf\">3.14<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">r<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">r<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">mixin<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">Base<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"kd\">class<\/span> <span class=\"nc\">extends<\/span> <span class=\"nx\">Base<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">perimeter<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Calculates Perimeter<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">};<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">EquilateralTriangle<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">mixin<\/span><span class=\"p\">(<\/span><span class=\"nx\">Triangle<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">side<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">super<\/span><span class=\"p\">();<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">side<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">side<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">area<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">((<\/span><span class=\"nb\">Math<\/span><span class=\"p\">.<\/span><span class=\"nf\">sqrt<\/span><span class=\"p\">(<\/span><span class=\"mi\">3<\/span><span class=\"p\">)<\/span> <span class=\"o\">\/<\/span> <span class=\"mi\">4<\/span><span class=\"p\">)<\/span> <span class=\"o\">*<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">side<\/span> <span class=\"o\">*<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">side<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">equilateralTriangle<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">EquilateralTriangle<\/span><span class=\"p\">(<\/span><span class=\"mi\">5<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">equilateralTriangle<\/span><span class=\"p\">.<\/span><span class=\"nf\">area<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ Output: 10.825317547305486<\/span>\n<span class=\"nx\">equilateralTriangle<\/span><span class=\"p\">.<\/span><span class=\"nf\">perimeter<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ Output: Calculates Perimeter<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_Overriding_%D8%B1%D9%88%D8%B4\"><\/span>\n<p>  \u25b6\ufe0f Overriding \u0631\u0648\u0634<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06af\u0631 \u0647\u0645\u0627\u0646 \u0645\u062a\u062f \u0647\u0645 \u062f\u0631 \u0633\u0648\u067e\u0631\u06a9\u0644\u0627\u0633 \u0648 \u0647\u0645 \u062f\u0631 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u0645\u062a\u062f \u06a9\u0644\u0627\u0633 \u0641\u0631\u0639\u06cc \u0628\u0631 \u0645\u062a\u062f \u0633\u0648\u067e\u0631\u06a9\u0644\u0627\u0633 \u0644\u063a\u0648 \u0645\u06cc \u0634\u0648\u062f. <\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">age<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">body_type<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">body_type<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">body_type<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getName<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The name of the human is : <\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getAge<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The age of the human is :<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getBodyType<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The body type of the human is :<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">body_type<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">student_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">student<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Subham<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">,<\/span> <span class=\"mi\">24<\/span> <span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Thin<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n\n<span class=\"nx\">student_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">getAge<\/span><span class=\"p\">()<\/span> <span class=\"c1\">\/\/The age of the human is : 24<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%DA%A9%D9%84%DB%8C%D8%AF_%D9%88%D8%A7%DA%98%D9%87_%D9%81%D9%88%D9%82_%D8%A7%D9%84%D8%B9%D8%A7%D8%AF%D9%87_%E2%80%93_%D8%A7%D9%86%D9%88%D8%A7%D8%B9\"><\/span>\n<p>  \u2b50 \u06a9\u0644\u06cc\u062f \u0648\u0627\u0698\u0647 \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 &#8211; \u0627\u0646\u0648\u0627\u0639<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc super \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0633\u0627\u0632\u0646\u062f\u0647 \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0648 \u0645\u062a\u062f\u0647\u0627\u06cc \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%D9%86%D8%A7%D8%AF%DB%8C%D8%AF%D9%87_%DA%AF%D8%B1%D9%81%D8%AA%D9%86_%D8%B3%D8%A7%D8%B2%D9%86%D8%AF%D9%87\"><\/span>\n<p>  \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u0633\u0627\u0632\u0646\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">,<\/span> <span class=\"nx\">bodyType<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">bodyType<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">bodyType<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getName<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The name of the human is:<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getAge<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The age of the human is:<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getBodyType<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The body type of the human is:<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">bodyType<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">super<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Rahul<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"mi\">80<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Fat<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">student1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Student<\/span><span class=\"p\">();<\/span>\n\n<span class=\"nx\">student1<\/span><span class=\"p\">.<\/span><span class=\"nf\">getName<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ The name of the human is: Rahul<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D9%86%D8%A7%D8%AF%DB%8C%D8%AF%D9%87_%DA%AF%D8%B1%D9%81%D8%AA%D9%86_%DB%8C%DA%A9_%D8%B1%D9%88%D8%B4\"><\/span>\n<p>  \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u06cc\u06a9 \u0631\u0648\u0634<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">,<\/span> <span class=\"nx\">bodyType<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">bodyType<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">bodyType<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getName<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The name of the human is:<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getAge<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The age of the human is:<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getBodyType<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The body type of the human is:<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">bodyType<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">super<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Rahul<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"mi\">80<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Fat<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"c1\">\/\/ Overriding using super keyword in child class<\/span>\n    <span class=\"nf\">getAge<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">super<\/span><span class=\"p\">.<\/span><span class=\"nf\">getAge<\/span><span class=\"p\">();<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The age of the student is:<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"mi\">20<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">student1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Student<\/span><span class=\"p\">();<\/span>\n\n<span class=\"nx\">student1<\/span><span class=\"p\">.<\/span><span class=\"nf\">getAge<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ The age of the human is: 80<\/span>\n                   <span class=\"c1\">\/\/ The age of the student is: 20<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D9%86%DA%A9%D8%A7%D8%AA_%DA%A9%D9%84%DB%8C%D8%AF%DB%8C_%D9%86%D8%A7%D8%AF%DB%8C%D8%AF%D9%87_%DA%AF%D8%B1%D9%81%D8%AA%D9%86_%D8%B1%D9%88%D8%B4\"><\/span>\n<p>  \u2b50 \u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0646 \u0631\u0648\u0634<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>\n<p><strong>\u0646\u0627\u0645 \u0631\u0648\u0634 \u0645\u0634\u0627\u0628\u0647<\/strong>: \u0645\u062a\u062f \u062f\u0631 \u06a9\u0644\u0627\u0633 \u0641\u0631\u0632\u0646\u062f \u0628\u0627\u06cc\u062f \u0647\u0645\u0627\u0646 \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<\/p>\n<\/li>\n<li>\n<p><strong>\u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0645\u0634\u0627\u0628\u0647<\/strong>: \u0645\u062a\u062f \u062f\u0631 \u06a9\u0644\u0627\u0633 \u0641\u0631\u0632\u0646\u062f \u0628\u0627\u06cc\u062f \u062f\u0627\u0631\u0627\u06cc \u0644\u06cc\u0633\u062a \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0645\u0634\u0627\u0628\u0647 \u0628\u0627 \u0645\u062a\u062f \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f \u0628\u0627\u0634\u062f.<\/p>\n<\/li>\n<li>\n<p><strong>IS-A \u0631\u0627\u0628\u0637\u0647<\/strong>: overriding \u0645\u062a\u062f \u0641\u0642\u0637 \u062f\u0631 \u062f\u0648 \u06a9\u0644\u0627\u0633 \u06a9\u0647 \u0631\u0627\u0628\u0637\u0647 IS-A \u062f\u0627\u0631\u0646\u062f (\u0627\u0631\u062b) \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f.<\/p>\n<\/li>\n<li>\n<p><strong>\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627<\/strong>: \u0631\u0648\u0634 overriding \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u062d\u062f\u0648\u062f\u062a\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0627\u0645\u0627 \u0646\u0647 \u0645\u062d\u062f\u0648\u062f \u06a9\u0646\u0646\u062f\u0647 \u062a\u0631.<\/p>\n<\/li>\n<li>\n<p><strong>\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647<\/strong>: \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 <code>super<\/code> \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u062a\u062f overrid \u0634\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f.<\/p>\n<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%DB%8C%D8%A7%D8%AF%D8%AF%D8%A7%D8%B4%D8%AA_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B6%D8%A7%D9%81%DB%8C\"><\/span>\n<p>  \u2b50 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"%D8%AA%D8%A8%D8%B5%D8%B1%D9%87_1\"><\/span>\n<p>  \u062a\u0628\u0635\u0631\u0647 1<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human class constructor<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">eat<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human can eat<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">student_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">student<\/span><span class=\"p\">()<\/span>\n<span class=\"nx\">student_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">eat<\/span><span class=\"p\">()<\/span>\n\n<span class=\"c1\">\/\/Human class constructor<\/span>\n<span class=\"c1\">\/\/ Human can eat<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06af\u0631 \u0628\u0647 \u0635\u0631\u0627\u062d\u062a \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u0646\u06a9\u0646\u06cc\u062f\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u06cc\u06a9 \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0633\u0627\u0632\u0646\u062f\u0647 \u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 super() \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f.<br \/>\u0645\u062b\u0644 \u0627\u06cc\u0646<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human class constructor<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">eat<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human can eat<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(...<\/span><span class=\"nx\">arg<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">super<\/span><span class=\"p\">(...<\/span><span class=\"nx\">arg<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">student_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">student<\/span><span class=\"p\">()<\/span>\n<span class=\"nx\">student_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">eat<\/span><span class=\"p\">()<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D8%AA%D8%A8%D8%B5%D8%B1%D9%87_2\"><\/span>\n<p>  \u062a\u0628\u0635\u0631\u0647 2<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human class constructor<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">eat<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human can eat<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">This is student class constructor<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">student_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">student<\/span><span class=\"p\">()<\/span>\n<span class=\"nx\">student_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">eat<\/span><span class=\"p\">()<\/span>\n\n<span class=\"c1\">\/\/ console.log(\"This is student class constructor\")<\/span>\n<span class=\"c1\">\/\/ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human class constructor<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">eat<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human can eat<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">super<\/span><span class=\"p\">()<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">This is student class constructor<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">student_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">student<\/span><span class=\"p\">()<\/span>\n<span class=\"nx\">student_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">eat<\/span><span class=\"p\">()<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"%D8%AA%D8%A8%D8%B5%D8%B1%D9%87_3\"><\/span>\n<p>  \u062a\u0628\u0635\u0631\u0647 3<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human class constructor<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">name<\/span><span class=\"p\">)<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">eat<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human can eat<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span> <span class=\"c1\">\/\/not allow<\/span>\n        <span class=\"k\">super<\/span><span class=\"p\">()<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Student class constructor<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">name<\/span><span class=\"p\">)<\/span>\n\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">student_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">student<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">subham<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n<span class=\"nx\">student_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">eat<\/span><span class=\"p\">()<\/span>\n\n<span class=\"c1\">\/\/ this.name = name<\/span>\n<span class=\"c1\">\/\/ ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0639\u062f \u0627\u0632 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human class constructor<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">name<\/span><span class=\"p\">)<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">eat<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Human can eat<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">student<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">super<\/span><span class=\"p\">()<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Student class constructor<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">,<\/span> <span class=\"nx\">name<\/span><span class=\"p\">)<\/span>\n\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">student_1<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">student<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">subham<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n<span class=\"nx\">student_1<\/span><span class=\"p\">.<\/span><span class=\"nf\">eat<\/span><span class=\"p\">()<\/span>\n\n<span class=\"c1\">\/\/ Human class constructor undefined<\/span>\n<span class=\"c1\">\/\/ Student class constructor subham<\/span>\n<span class=\"c1\">\/\/ Human can eat<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%D8%B1%D9%88%D8%B4_%D8%A7%D8%B6%D8%A7%D9%81%D9%87_%D8%A8%D8%A7%D8%B1\"><\/span>\n<p>  \u25b6\ufe0f \u0631\u0648\u0634 \u0627\u0636\u0627\u0641\u0647 \u0628\u0627\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0627\u0634\u062a\u0646 \u062f\u0648 \u06cc\u0627 \u0686\u0646\u062f \u0645\u062a\u062f (\u06cc\u0627 \u062a\u0627\u0628\u0639) \u062f\u0631 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0628\u0627 \u0647\u0645\u0627\u0646 \u0646\u0627\u0645 \u0648 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627 (\u06cc\u0627 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc) \u0645\u062a\u0641\u0627\u0648\u062a<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%A2%DB%8C%D8%A7_%D9%85%DB%8C%E2%80%8C%D8%AA%D9%88%D8%A7%D9%86%DB%8C%D9%85_%DB%8C%DA%A9_%D8%AA%D8%A7%D8%A8%D8%B9_%D8%B1%D8%A7_%D8%AF%D8%B1_%D8%AC%D8%A7%D9%88%D8%A7_%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%A8%D8%A7%D8%B1%DA%AF%D8%B0%D8%A7%D8%B1%DB%8C_%DA%A9%D9%86%DB%8C%D9%85%D8%9F\"><\/span>\n<p>  \u2b50 \u0622\u06cc\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0631\u0627 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u0645\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0645\u062a\u062f\u060c \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 (\u0645\u0627\u0646\u0646\u062f \u062c\u0627\u0648\u0627) \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0628\u0647 \u0635\u0648\u0631\u062a \u0628\u0648\u0645\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0686\u0646\u062f\u06cc\u0646 \u0645\u062a\u062f \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 \u06cc\u06a9\u0633\u0627\u0646 \u0627\u0645\u0627 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u062f\u0631 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0628\u0631\u0631\u0633\u06cc \u062a\u0639\u062f\u0627\u062f \u0648 \u0646\u0648\u0639 \u0622\u0631\u06af\u0648\u0645\u0627\u0646\u200c\u0647\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u062a\u062f \u0628\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0645\u0634\u0627\u0628\u0647 \u062f\u0633\u062a \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0634\u0645\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u062f\u0631 JS \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Calculator<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">add<\/span><span class=\"p\">(<\/span><span class=\"nx\">a<\/span><span class=\"p\">,<\/span> <span class=\"nx\">b<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"nx\">a<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">b<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">add<\/span><span class=\"p\">(<\/span><span class=\"nx\">a<\/span><span class=\"p\">,<\/span> <span class=\"nx\">b<\/span><span class=\"p\">,<\/span> <span class=\"nx\">c<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"nx\">a<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">b<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">c<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">calc<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Calculator<\/span><span class=\"p\">();<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">calc<\/span><span class=\"p\">.<\/span><span class=\"nf\">add<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">));<\/span> <span class=\"c1\">\/\/ This will throw an error because the first add method is overwritten<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0628\u0647 \u0645\u0648\u0641\u0642\u06cc\u062a \u0628\u0631\u0633\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Calculator<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">add<\/span><span class=\"p\">(...<\/span><span class=\"nx\">args<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">args<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">2<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">return<\/span> <span class=\"nx\">args<\/span><span class=\"p\">[<\/span><span class=\"mi\">0<\/span><span class=\"p\">]<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">args<\/span><span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">];<\/span>\n        <span class=\"p\">}<\/span> <span class=\"k\">else<\/span> <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">args<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">3<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">return<\/span> <span class=\"nx\">args<\/span><span class=\"p\">[<\/span><span class=\"mi\">0<\/span><span class=\"p\">]<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">args<\/span><span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">]<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">args<\/span><span class=\"p\">[<\/span><span class=\"mi\">2<\/span><span class=\"p\">];<\/span>\n        <span class=\"p\">}<\/span> <span class=\"k\">else<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">throw<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Error<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Invalid number of arguments<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">calc<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Calculator<\/span><span class=\"p\">();<\/span>\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">calc<\/span><span class=\"p\">.<\/span><span class=\"nf\">add<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">));<\/span> <span class=\"c1\">\/\/ Output: 3<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">calc<\/span><span class=\"p\">.<\/span><span class=\"nf\">add<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">));<\/span> <span class=\"c1\">\/\/ Output: 6<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%D8%A8%D9%87_%D8%A7%D8%B5%D9%84%D8%A7%D8%AD_%DA%A9%D9%86%D9%86%D8%AF%D9%87_%D9%87%D8%A7_%D8%AF%D8%B3%D8%AA%D8%B1%D8%B3%DB%8C_%D9%BE%DB%8C%D8%AF%D8%A7_%DA%A9%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  \u25b6\ufe0f \u0628\u0647 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Access Modifier \u06cc\u06a9 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u062f\u0633\u062a\u0631\u0633\u06cc \u06cc\u06a9 \u0639\u0636\u0648 \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%B5%D9%84%D8%A7%D8%AD_%DA%A9%D9%86%D9%86%D8%AF%D9%87_%D9%87%D8%A7%DB%8C_%D8%AF%D8%B3%D8%AA%D8%B1%D8%B3%DB%8C\"><\/span>\n<p>  \u2b50 \u0627\u0646\u0648\u0627\u0639 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>\n<strong>\u0639\u0645\u0648\u0645\u06cc<\/strong>: \u0627\u0639\u0636\u0627\u06cc \u0627\u0639\u0644\u0627\u0645 \u0634\u062f\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0639\u0645\u0648\u0645\u06cc \u0627\u0632 \u0647\u0631 \u06a9\u0644\u0627\u0633 \u062f\u06cc\u06af\u0631\u06cc \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u0627\u0633\u062a<\/strong>: \u0627\u0639\u0636\u0627\u06cc \u0627\u0639\u0644\u0627\u0645 \u0634\u062f\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u062f\u0631 \u0647\u0645\u0627\u0646 \u06a9\u0644\u0627\u0633 \u0648 \u062a\u0648\u0633\u0637 \u0646\u0645\u0648\u0646\u0647 \u0647\u0627\u06cc \u06a9\u0644\u0627\u0633 \u0645\u0634\u062a\u0642 \u0634\u062f\u0647 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u062e\u0635\u0648\u0635\u06cc<\/strong>: \u0627\u0639\u0636\u0627\u06cc \u0627\u0639\u0644\u0627\u0645 \u0634\u062f\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062e\u0635\u0648\u0635\u06cc \u0641\u0642\u0637 \u062f\u0631 \u0647\u0645\u0627\u0646 \u06a9\u0644\u0627\u0633 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%AC%D8%AF%D9%88%D9%84_%D8%AF%D8%B3%D8%AA%D8%B1%D8%B3%DB%8C\"><\/span>\n<p>  \u2b50 \u062c\u062f\u0648\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"table-wrapper-paragraph\">\n<table>\n<thead>\n<tr>\n<th>\u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f\u0647<\/th>\n<th>\u06a9\u0644\u0627\u0633 \u0648\u0627\u0644\u062f\u06cc\u0646<\/th>\n<th>\u06a9\u0644\u0627\u0633 \u06a9\u0648\u062f\u06a9<\/th>\n<th>\u062e\u0627\u0631\u062c \u0627\u0632 \u06a9\u0644\u0627\u0633<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>\u0639\u0645\u0648\u0645\u06cc<\/strong><\/td>\n<td>\u2714\ufe0f<\/td>\n<td>\u2714\ufe0f<\/td>\n<td>\u2714\ufe0f<\/td>\n<\/tr>\n<tr>\n<td><strong>\u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u0627\u0633\u062a<\/strong><\/td>\n<td>\u2714\ufe0f<\/td>\n<td>\u2714\ufe0f<\/td>\n<td>\u274c<\/td>\n<\/tr>\n<tr>\n<td><strong>\u062e\u0635\u0648\u0635\u06cc<\/strong><\/td>\n<td>\u2714\ufe0f<\/td>\n<td>\u274c<\/td>\n<td>\u274c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D9%85%D8%AB%D8%A7%D9%84-3\"><\/span>\n<p>  \u2b50 \u0645\u062b\u0627\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"1_%D8%A7%D8%B9%D8%B6%D8%A7%DB%8C_%D8%B9%D9%85%D9%88%D9%85%DB%8C\"><\/span>\n<p>  1. \u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc \u0627\u0632 \u0647\u0631 \u06a9\u062c\u0627 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Parent<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">publicProperty<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">I'm public<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"nf\">publicMethod<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">This is a public method<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Child<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Parent<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">useParentPublic<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">publicProperty<\/span><span class=\"p\">);<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">publicMethod<\/span><span class=\"p\">());<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">parent<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Parent<\/span><span class=\"p\">();<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">child<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Child<\/span><span class=\"p\">();<\/span>\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">parent<\/span><span class=\"p\">.<\/span><span class=\"nx\">publicProperty<\/span><span class=\"p\">);<\/span>  <span class=\"c1\">\/\/ Output: I'm public<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">parent<\/span><span class=\"p\">.<\/span><span class=\"nf\">publicMethod<\/span><span class=\"p\">());<\/span>  <span class=\"c1\">\/\/ Output: This is a public method<\/span>\n<span class=\"nx\">child<\/span><span class=\"p\">.<\/span><span class=\"nf\">useParentPublic<\/span><span class=\"p\">();<\/span>\n<span class=\"c1\">\/\/ Output: <\/span>\n<span class=\"c1\">\/\/ I'm public<\/span>\n<span class=\"c1\">\/\/ This is a public method<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c <code>publicProperty<\/code> \u0648 <code>publicMethod<\/code> \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f \u0627\u0632:<\/p>\n<ul>\n<li>\u062f\u0631 \u06a9\u0644\u0627\u0633 \u067e\u062f\u0631 \u0648 \u0645\u0627\u062f\u0631<\/li>\n<li>\u062f\u0631 \u06a9\u0644\u0627\u0633 \u06a9\u0648\u062f\u06a9<\/li>\n<li>\u062e\u0627\u0631\u062c \u0627\u0632 \u0647\u0631 \u06a9\u0644\u0627\u0633\u06cc<\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"2_%D8%A7%D8%B9%D8%B6%D8%A7%DB%8C_%D9%85%D8%AD%D8%A7%D9%81%D8%B8%D8%AA_%D8%B4%D8%AF%D9%87_%D8%B4%D8%A8%DB%8C%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%B4%D8%AF%D9%87\"><\/span>\n<p>  2. \u0627\u0639\u0636\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 (\u0634\u0628\u06cc\u0647 \u0633\u0627\u0632\u06cc \u0634\u062f\u0647)<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u0627 \u0627\u0632 \u06cc\u06a9 \u067e\u06cc\u0634\u0648\u0646\u062f \u0632\u06cc\u0631 \u062e\u0637 \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0627\u0639\u0636\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645. \u0622\u0646\u0647\u0627 \u0647\u0646\u0648\u0632 \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc \u0639\u0645\u0648\u0645\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u0645\u0627 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u0648\u0627\u0641\u0642\u062a \u0645\u06cc \u06a9\u0646\u0646\u062f \u06a9\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062e\u0627\u0631\u062c \u0627\u0632 \u06a9\u0644\u0627\u0633 \u06cc\u0627 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627\u06cc \u0622\u0646 \u0628\u0647 \u0622\u0646\u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Parent<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">_protectedProperty<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">I'm protected<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"nf\">_protectedMethod<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">This is a protected method<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Child<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Parent<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">useParentProtected<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">_protectedProperty<\/span><span class=\"p\">);<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">_protectedMethod<\/span><span class=\"p\">());<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">parent<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Parent<\/span><span class=\"p\">();<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">child<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Child<\/span><span class=\"p\">();<\/span>\n\n<span class=\"nx\">child<\/span><span class=\"p\">.<\/span><span class=\"nf\">useParentProtected<\/span><span class=\"p\">();<\/span>\n<span class=\"c1\">\/\/ Output:<\/span>\n<span class=\"c1\">\/\/ I'm protected<\/span>\n<span class=\"c1\">\/\/ This is a protected method<\/span>\n\n<span class=\"c1\">\/\/ These work, but violate the convention:<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">parent<\/span><span class=\"p\">.<\/span><span class=\"nx\">_protectedProperty<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">parent<\/span><span class=\"p\">.<\/span><span class=\"nf\">_protectedMethod<\/span><span class=\"p\">());<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648:<\/p>\n<ul>\n<li>\n<code>_protectedProperty<\/code>  \u0648 <code>_protectedMethod<\/code> \u062f\u0631 Parent \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f<\/li>\n<li>\u0622\u0646\u0647\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0641\u0631\u0632\u0646\u062f (\u0627\u0631\u062b) \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0647\u0633\u062a\u0646\u062f<\/li>\n<li>\u0622\u0646\u0647\u0627 \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc \u062f\u0631 \u062e\u0627\u0631\u062c \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u0645\u0627 \u0627\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0631\u0627 \u0646\u0642\u0636 \u0645\u06cc \u06a9\u0646\u062f<\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"3_%D8%A7%D8%B9%D8%B6%D8%A7%DB%8C_%D8%AE%D8%B5%D9%88%D8%B5%DB%8C\"><\/span>\n<p>  3. \u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc \u0648\u0627\u0642\u0639\u0627 \u062e\u0635\u0648\u0635\u06cc \u0647\u0633\u062a\u0646\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u06a9\u0644\u0627\u0633\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0646\u062f \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Parent<\/span> <span class=\"p\">{<\/span>\n    <span class=\"err\">#<\/span><span class=\"nx\">privateProperty<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">I'm private<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"err\">#<\/span><span class=\"nf\">privateMethod<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">This is a private method<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">usePrivate<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"err\">#<\/span><span class=\"nx\">privateProperty<\/span><span class=\"p\">);<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"err\">#<\/span><span class=\"nf\">privateMethod<\/span><span class=\"p\">());<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Child<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Parent<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">tryToUseParentPrivate<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"c1\">\/\/ These would cause errors if uncommented:<\/span>\n        <span class=\"c1\">\/\/ console.log(this.#privateProperty);<\/span>\n        <span class=\"c1\">\/\/ console.log(this.#privateMethod());<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">parent<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Parent<\/span><span class=\"p\">();<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">child<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Child<\/span><span class=\"p\">();<\/span>\n\n<span class=\"nx\">parent<\/span><span class=\"p\">.<\/span><span class=\"nf\">usePrivate<\/span><span class=\"p\">();<\/span>\n<span class=\"c1\">\/\/ Output:<\/span>\n<span class=\"c1\">\/\/ I'm private<\/span>\n<span class=\"c1\">\/\/ This is a private method<\/span>\n\n<span class=\"c1\">\/\/ These would cause errors:<\/span>\n<span class=\"c1\">\/\/ console.log(parent.#privateProperty);<\/span>\n<span class=\"c1\">\/\/ console.log(parent.#privateMethod());<\/span>\n<span class=\"c1\">\/\/ child.tryToUseParentPrivate();<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f:<\/p>\n<ul>\n<li>\n<code>#privateProperty<\/code>  \u0648 <code>#privateMethod<\/code> \u0641\u0642\u0637 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0648\u0627\u0644\u062f\u06cc\u0646 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f<\/li>\n<li>\u0622\u0646\u0647\u0627 \u062f\u0631 Child \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0646\u06cc\u0633\u062a\u0646\u062f\u060c \u062d\u062a\u06cc \u0627\u06af\u0631 \u0648\u0627\u0644\u062f \u0631\u0627 \u06af\u0633\u062a\u0631\u0634 \u062f\u0647\u062f<\/li>\n<li>\u0627\u0635\u0644\u0627\u064b \u062e\u0627\u0631\u062c \u0627\u0632 \u06a9\u0644\u0627\u0633 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0646\u06cc\u0633\u062a\u0646\u062f<\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"%D8%AE%D9%88%D8%B1%D8%A7%DA%A9%DB%8C_%D9%87%D8%A7%DB%8C_%DA%A9%D9%84%DB%8C%D8%AF%DB%8C\"><\/span>\n<p>  \u062e\u0648\u0631\u0627\u06a9\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li>\u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc (\u067e\u06cc\u0634\u200c\u0641\u0631\u0636) \u062f\u0631 \u0647\u0645\u0647 \u062c\u0627 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\u0627\u0639\u0636\u0627\u06cc \u062d\u0641\u0627\u0638\u062a \u0634\u062f\u0647 (\u06a9\u0646\u0648\u0627\u0646\u0633\u06cc\u0648\u0646 \u0628\u0627 <code>_<\/code>) \u062f\u0631 \u062f\u0627\u062e\u0644 \u06a9\u0644\u0627\u0633 \u0648 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u0645\u0627 \u0646\u0628\u0627\u06cc\u062f \u062f\u0631 \u062e\u0627\u0631\u062c \u0628\u0647 \u0622\u0646\u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a (\u0627\u06af\u0631\u0686\u0647 \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0647 \u0622\u0646\u0647\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a).<\/li>\n<li>\u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc (\u0628\u0627 <code>#<\/code>) \u0641\u0642\u0637 \u062f\u0631 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u0646\u062f\u0647 \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0646\u0647 \u062f\u0631 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u06cc\u0627 \u062e\u0627\u0631\u062c.<\/li>\n<li>\u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0639\u0636\u0627\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647\u060c \u0627\u0632 \u0646\u0638\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u0639\u0636\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc \u0631\u0641\u062a\u0627\u0631 \u0645\u06cc \u06a9\u0646\u0646\u062f\u060c \u0627\u0645\u0627 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u0648\u0627\u0641\u0642\u062a \u0645\u06cc \u06a9\u0646\u0646\u062f \u06a9\u0647 \u0628\u0627 \u0622\u0646\u0647\u0627 \u0628\u0647 \u06af\u0648\u0646\u0647 \u0627\u06cc \u0631\u0641\u062a\u0627\u0631 \u06a9\u0646\u0646\u062f \u06a9\u0647 \u06af\u0648\u06cc\u06cc \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647 \u0627\u0646\u062f.<\/li>\n<li>\u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc \u0648 \u06a9\u067e\u0633\u0648\u0644\u0647 \u0633\u0627\u0632\u06cc \u0648\u0627\u0642\u0639\u06cc \u062a\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0639\u0636\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc \u0628\u0647 \u062f\u0633\u062a \u0645\u06cc \u0622\u06cc\u062f <code>#<\/code> \u0646\u062d\u0648<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%D8%A7%DB%8C%D8%B3%D8%AA%D8%A7\"><\/span>\n<p>  \u25b6\ufe0f \u0627\u06cc\u0633\u062a\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc static \u06cc\u06a9 \u0645\u062a\u062f \u06cc\u0627 \u0641\u06cc\u0644\u062f \u062b\u0627\u0628\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u062f<\/p>\n<p>\u0645\u062a\u062f \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0645\u062a\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062e\u0648\u062f \u06a9\u0644\u0627\u0633 \u062a\u0639\u0644\u0642 \u062f\u0627\u0631\u062f\u060c \u0646\u0647 \u0628\u0647 \u0646\u0645\u0648\u0646\u0647 \u062e\u0627\u0635\u06cc \u0627\u0632 \u06a9\u0644\u0627\u0633.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Animal<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">Animal<\/span><span class=\"p\">.<\/span><span class=\"nf\">capitalize<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"kd\">static<\/span> <span class=\"nf\">capitalize<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"nx\">name<\/span><span class=\"p\">.<\/span><span class=\"nf\">charAt<\/span><span class=\"p\">(<\/span><span class=\"mi\">0<\/span><span class=\"p\">).<\/span><span class=\"nf\">toUpperCase<\/span><span class=\"p\">()<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">name<\/span><span class=\"p\">.<\/span><span class=\"nf\">slice<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">walk<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"s2\">`Animal <\/span><span class=\"p\">${<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">}<\/span><span class=\"s2\"> is walking`<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">animal<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Animal<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">lion<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">animal<\/span><span class=\"p\">.<\/span><span class=\"nf\">walk<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ Output: Animal Lion is walking<\/span>\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">Animal<\/span><span class=\"p\">.<\/span><span class=\"nf\">capitalize<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">elephant<\/span><span class=\"dl\">\"<\/span><span class=\"p\">));<\/span> <span class=\"c1\">\/\/ Output: Elephant<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc:<\/p>\n<ol>\n<li>\u0627\u06cc\u0646 <code>capitalize<\/code> \u0631\u0648\u0634 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0628\u0627\u0631\u062a \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f <code>static<\/code> \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc<\/li>\n<li>\u062f\u0631 \u06a9\u0644\u0627\u0633 \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f (<code>Animal.capitalize<\/code>) \u0646\u0647 \u062f\u0631 \u0645\u0648\u0627\u0631\u062f.<\/li>\n<li>\u0645\u06cc \u062a\u0648\u0627\u0646 \u0622\u0646 \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0633\u0627\u0632\u0646\u062f\u0647 \u06cc\u0627 \u0633\u0627\u06cc\u0631 \u0631\u0648\u0634 \u0647\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%D9%88%D8%B1%D8%A7%D8%AB%D8%AA_%D9%88_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9\"><\/span>\n<p>  \u2b50 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0648\u0631\u0627\u062b\u062a \u0648 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062a\u0648\u0633\u0637 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc \u0631\u0633\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Human<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Animal<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">static<\/span> <span class=\"nf\">greet<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Hello!<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">human<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Human<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">john<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">human<\/span><span class=\"p\">.<\/span><span class=\"nf\">walk<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ Output: Animal John is walking<\/span>\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">Human<\/span><span class=\"p\">.<\/span><span class=\"nf\">capitalize<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">sarah<\/span><span class=\"dl\">\"<\/span><span class=\"p\">));<\/span> <span class=\"c1\">\/\/ Output: Sarah<\/span>\n<span class=\"nx\">Human<\/span><span class=\"p\">.<\/span><span class=\"nf\">greet<\/span><span class=\"p\">();<\/span> <span class=\"c1\">\/\/ Output: Hello!<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062a\u0648\u062c\u0647:<\/p>\n<ol>\n<li>\u0627\u06cc\u0646 <code>Human<\/code> \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0631\u0627 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc \u0628\u0631\u062f <code>capitalize<\/code> \u0631\u0648\u0634 \u0627\u0632 <code>Animal<\/code>.<\/li>\n<li>\n<code>Human<\/code>  \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062e\u0648\u062f \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u062f\u060c \u0645\u0627\u0646\u0646\u062f <code>greet<\/code>.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D9%81%D8%B1%D8%A7%D8%AE%D9%88%D8%A7%D9%86%DB%8C_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9_%D8%A7%D8%B2_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%D8%BA%DB%8C%D8%B1_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9\"><\/span>\n<p>  \u2b50 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc \u063a\u06cc\u0631 \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0631\u0627 \u0627\u0632 \u0645\u062a\u062f\u0647\u0627\u06cc \u063a\u06cc\u0631\u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0627\u0645\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">Calculator<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">static<\/span> <span class=\"nf\">add<\/span><span class=\"p\">(<\/span><span class=\"nx\">a<\/span><span class=\"p\">,<\/span> <span class=\"nx\">b<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"nx\">a<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">b<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">multiply<\/span><span class=\"p\">(<\/span><span class=\"nx\">a<\/span><span class=\"p\">,<\/span> <span class=\"nx\">b<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"c1\">\/\/ Using a static method in a non-static method<\/span>\n        <span class=\"k\">return<\/span> <span class=\"nx\">Calculator<\/span><span class=\"p\">.<\/span><span class=\"nf\">add<\/span><span class=\"p\">(<\/span><span class=\"nx\">a<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">)<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">b<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">calc<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Calculator<\/span><span class=\"p\">();<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">calc<\/span><span class=\"p\">.<\/span><span class=\"nf\">multiply<\/span><span class=\"p\">(<\/span><span class=\"mi\">3<\/span><span class=\"p\">,<\/span> <span class=\"mi\">4<\/span><span class=\"p\">));<\/span> <span class=\"c1\">\/\/ Output: 12<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">Calculator<\/span><span class=\"p\">.<\/span><span class=\"nf\">add<\/span><span class=\"p\">(<\/span><span class=\"mi\">5<\/span><span class=\"p\">,<\/span> <span class=\"mi\">6<\/span><span class=\"p\">));<\/span> <span class=\"c1\">\/\/ Output: 11<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%B1%D9%88%D8%B4%E2%80%8C%D9%87%D8%A7%DB%8C_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9_%D8%AF%D8%B1_%D9%85%D9%82%D8%A7%D8%A8%D9%84_%D8%B1%D9%88%D8%B4%E2%80%8C%D9%87%D8%A7%DB%8C_%D9%86%D9%85%D9%88%D9%86%D9%87\"><\/span>\n<p>  \u2b50 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u062a\u0641\u0627\u0648\u062a \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">MyClass<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">static<\/span> <span class=\"nf\">staticMethod<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">I'm a static method<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">instanceMethod<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">I'm an instance method<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">MyClass<\/span><span class=\"p\">.<\/span><span class=\"nf\">staticMethod<\/span><span class=\"p\">());<\/span> <span class=\"c1\">\/\/ Output: I'm a static method<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">obj<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">MyClass<\/span><span class=\"p\">();<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">obj<\/span><span class=\"p\">.<\/span><span class=\"nf\">instanceMethod<\/span><span class=\"p\">());<\/span> <span class=\"c1\">\/\/ Output: I'm an instance method<\/span>\n\n<span class=\"c1\">\/\/ This would throw an error:<\/span>\n<span class=\"c1\">\/\/ console.log(MyClass.instanceMethod());<\/span>\n\n<span class=\"c1\">\/\/ This would also throw an error:<\/span>\n<span class=\"c1\">\/\/ console.log(obj.staticMethod());<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D9%85%D9%88%D8%A7%D8%B1%D8%AF_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B1%D9%88%D8%B4_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B3%D8%AA%D8%A7%D8%AA%DB%8C%DA%A9\"><\/span>\n<p>  \u2b50 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0631\u0648\u0634 \u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>\n<strong>\u062a\u0648\u0627\u0628\u0639 \u0633\u0648\u062f\u0645\u0646\u062f<\/strong>: \u0631\u0648\u0634 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u062d\u0627\u0644\u062a \u0634\u06cc \u0646\u06cc\u0627\u0632 \u0646\u062f\u0627\u0631\u0646\u062f.<\/li>\n<li>\n<strong>\u0631\u0648\u0634 \u0647\u0627\u06cc \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u0627\u06cc<\/strong>: \u0627\u06cc\u062c\u0627\u062f \u0646\u0645\u0648\u0646\u0647 \u0647\u0627\u06cc\u06cc \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u062e\u0627\u0635.<\/li>\n<li>\n<strong>Cache \u06cc\u0627 Fixed-Configuration<\/strong>: \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9 \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f.<\/li>\n<\/ol>\n<p>\u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u0631\u0648\u0634 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u0627\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">User<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">role<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">role<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">role<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"kd\">static<\/span> <span class=\"nf\">createAdmin<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">User<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">admin<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">admin<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">User<\/span><span class=\"p\">.<\/span><span class=\"nf\">createAdmin<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Alice<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">admin<\/span><span class=\"p\">.<\/span><span class=\"nx\">role<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Output: admin<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E2%AD%90_%D8%AE%D9%88%D8%B1%D8%A7%DA%A9%DB%8C_%D9%87%D8%A7%DB%8C_%DA%A9%D9%84%DB%8C%D8%AF%DB%8C\"><\/span>\n<p>  \u2b50 \u062e\u0648\u0631\u0627\u06a9\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>\u0645\u062a\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u06a9\u0644\u0627\u0633 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u0634\u0648\u0646\u062f\u060c \u0646\u0647 \u0646\u0645\u0648\u0646\u0647 \u0647\u0627.<\/li>\n<li>\u0622\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u0646\u062f: <code>ClassName.methodName()<\/code>.<\/li>\n<li>\u0622\u0646\u0647\u0627 \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u062a\u0648\u0633\u0637 \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0628\u0647 \u0627\u0631\u062b \u0628\u0631\u062f.<\/li>\n<li>\u0622\u0646\u0647\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u06cc\u0627 \u0645\u062a\u062f\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<\/li>\n<li>\u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0627\u0628\u0639 \u0627\u0628\u0632\u0627\u0631\u060c \u0631\u0648\u0634 \u0647\u0627\u06cc \u06a9\u0627\u0631\u062e\u0627\u0646\u0647\u060c \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0633\u0637\u062d \u06a9\u0644\u0627\u0633 \u0645\u0641\u06cc\u062f \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\u0634\u0645\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0631\u0627 \u062f\u0631 \u0646\u0645\u0648\u0646\u0647 \u0647\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0648 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062a\u062f\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647 \u0631\u0627 \u062f\u0631 \u06a9\u0644\u0627\u0633 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%DA%AF%DB%8C%D8%B1%D9%86%D8%AF%D9%87_%D9%88_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%DA%A9%D9%86%D9%86%D8%AF%D9%87\"><\/span>\n<p>  \u25b6\ufe0f \u06af\u06cc\u0631\u0646\u062f\u0647 \u0648 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u0646\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06af\u06cc\u0631\u0646\u062f\u0647 \u0647\u0627 \u0648 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627 \u062a\u0648\u0627\u0628\u0639\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u0646\u062f \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0634\u06cc \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0648 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/getter setter<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">_name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">get<\/span> <span class=\"nf\">getName<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">_name<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">set<\/span> <span class=\"nf\">setName<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">_name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">person<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">human<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"\"<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">setName<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Raj<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">setAge<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">25<\/span><span class=\"p\">;<\/span>\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">getName<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">getAge<\/span><span class=\"p\">);<\/span>\n\n<span class=\"c1\">\/\/Raj<\/span>\n<span class=\"c1\">\/\/25<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_instanceOf_Operator\"><\/span>\n<p>  \u25b6\ufe0f instanceOf Operator<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u06cc\u06a9 \u0634\u06cc \u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u0627\u0633\u060c \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u06cc\u0627 \u0631\u0627\u0628\u0637 \u0627\u0633\u062a<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/getter setter<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">get<\/span> <span class=\"nf\">getName<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">set<\/span> <span class=\"nf\">setName<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">get<\/span> <span class=\"nf\">getAge<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">set<\/span> <span class=\"nf\">setAge<\/span><span class=\"p\">(<\/span><span class=\"nx\">age<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">person<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">human<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"\"<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">setName<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Raj<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">setAge<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">25<\/span><span class=\"p\">;<\/span>\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">getName<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">getAge<\/span><span class=\"p\">);<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">person1<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Subham<\/span><span class=\"dl\">\"<\/span>\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span> <span class=\"nx\">person<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">human<\/span><span class=\"p\">)<\/span><span class=\"c1\">\/\/true<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span> <span class=\"nx\">person1<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">human<\/span><span class=\"p\">)<\/span><span class=\"c1\">\/\/false<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 true \u0631\u0627 \u0628\u0631\u0627\u06cc \u0632\u06cc\u0631 \u06a9\u0644\u0627\u0633 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/getter setter<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">get<\/span> <span class=\"nf\">getName<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">set<\/span> <span class=\"nf\">setName<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">name<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">get<\/span> <span class=\"nf\">getAge<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"kd\">set<\/span> <span class=\"nf\">setAge<\/span><span class=\"p\">(<\/span><span class=\"nx\">age<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Coder<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">human<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">,<\/span> <span class=\"nx\">language<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">super<\/span><span class=\"p\">(<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span> <span class=\"nx\">age<\/span><span class=\"p\">);<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">language<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">language<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">person<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nf\">human<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"\"<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">subham<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Coder<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">subham<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"mi\">22<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">java<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">setName<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Raj<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"nx\">person<\/span><span class=\"p\">.<\/span><span class=\"nx\">setAge<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">25<\/span><span class=\"p\">;<\/span>\n\n\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span> <span class=\"nx\">person<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">human<\/span><span class=\"p\">)<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span> <span class=\"nx\">subham<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">human<\/span><span class=\"p\">)<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0627\u0628\u062a \u0633\u0648\u0621 \u062a\u0641\u0627\u0647\u0645 \u067e\u06cc\u0634 \u0622\u0645\u062f\u0647 \u067e\u0648\u0632\u0634 \u0645\u06cc \u0637\u0644\u0628\u0645. \u062d\u0642 \u0628\u0627 \u0634\u0645\u0627\u0633\u062a\u060c \u0645\u0646 \u0628\u0627\u06cc\u062f \u0645\u062e\u062a\u0635\u0631\u062a\u0631 \u0645\u06cc \u06af\u0641\u062a\u0645. \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u062a\u0648\u0636\u06cc\u062d \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632\u062a\u0631\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u06a9\u067e\u0633\u0648\u0644\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0631\u0627\u0626\u0647 \u06a9\u0646\u0645\u060c \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0627\u0644\u06af\u0648\u06cc\u06cc \u06a9\u0647 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u062f:<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%DA%A9%D9%BE%D8%B3%D9%88%D9%84%D8%A7%D8%B3%DB%8C%D9%88%D9%86\"><\/span>\n<p>  \u25b6\ufe0f \u06a9\u067e\u0633\u0648\u0644\u0627\u0633\u06cc\u0648\u0646<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06a9\u067e\u0633\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u06cc\u06a9 \u0634\u06cc \u0627\u0633\u062a<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">BankAccount<\/span> <span class=\"p\">{<\/span>\n    <span class=\"err\">#<\/span><span class=\"nx\">balance<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Private field<\/span>\n\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">initialBalance<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"err\">#<\/span><span class=\"nx\">balance<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">initialBalance<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">deposit<\/span><span class=\"p\">(<\/span><span class=\"nx\">amount<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">amount<\/span> <span class=\"o\">&gt;<\/span> <span class=\"mi\">0<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"err\">#<\/span><span class=\"nx\">balance<\/span> <span class=\"o\">+=<\/span> <span class=\"nx\">amount<\/span><span class=\"p\">;<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getBalance<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"err\">#<\/span><span class=\"nx\">balance<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">account<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">BankAccount<\/span><span class=\"p\">(<\/span><span class=\"mi\">1000<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">account<\/span><span class=\"p\">.<\/span><span class=\"nf\">deposit<\/span><span class=\"p\">(<\/span><span class=\"mi\">500<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">account<\/span><span class=\"p\">.<\/span><span class=\"nf\">getBalance<\/span><span class=\"p\">());<\/span> <span class=\"c1\">\/\/ 1500<\/span>\n<span class=\"c1\">\/\/ console.log(account.#balance); \/\/ Syntax error: private field<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/Encapsulation<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">user<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">firstName<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">John<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">lastName<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Doe<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">age<\/span><span class=\"p\">:<\/span> <span class=\"mi\">25<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">getAgeYear<\/span><span class=\"p\">:<\/span> <span class=\"kd\">function<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Date<\/span><span class=\"p\">().<\/span><span class=\"nf\">getFullYear<\/span><span class=\"p\">()<\/span> <span class=\"o\">-<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">age<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">user<\/span><span class=\"p\">.<\/span><span class=\"nf\">getAgeYear<\/span><span class=\"p\">());<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%DA%86%D9%86%D8%AF_%D8%B4%DA%A9%D9%84%DB%8C\"><\/span>\n<p>  \u25b6\ufe0f \u0686\u0646\u062f \u0634\u06a9\u0644\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Polymorphism \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc &#8220;\u0634\u06a9\u0644 \u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f&#8221; \u0627\u0633\u062a \u0648 \u0632\u0645\u0627\u0646\u06cc \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f \u06a9\u0647 \u0645\u0627 \u06a9\u0644\u0627\u0633 \u0647\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u06a9\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u0631\u062b \u0628\u0647 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0645\u0631\u062a\u0628\u0637 \u0647\u0633\u062a\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/ Parent class<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">Animal<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">makeSound<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The animal makes a sound<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Child classes<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">Dog<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Animal<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">makeSound<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The dog barks<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"kd\">class<\/span> <span class=\"nc\">Cat<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Animal<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">makeSound<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">The cat meows<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Function to demonstrate polymorphism<\/span>\n<span class=\"kd\">function<\/span> <span class=\"nf\">animalSound<\/span><span class=\"p\">(<\/span><span class=\"nx\">animal<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">animal<\/span><span class=\"p\">.<\/span><span class=\"nf\">makeSound<\/span><span class=\"p\">();<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Usage<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">animal<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Animal<\/span><span class=\"p\">();<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">dog<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Dog<\/span><span class=\"p\">();<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">cat<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Cat<\/span><span class=\"p\">();<\/span>\n\n<span class=\"nf\">animalSound<\/span><span class=\"p\">(<\/span><span class=\"nx\">animal<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Output: The animal makes a sound<\/span>\n<span class=\"nf\">animalSound<\/span><span class=\"p\">(<\/span><span class=\"nx\">dog<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Output: The dog barks<\/span>\n<span class=\"nf\">animalSound<\/span><span class=\"p\">(<\/span><span class=\"nx\">cat<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Output: The cat meows<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%E2%96%B6%EF%B8%8F_%D8%A7%D9%86%D8%AA%D8%B2%D8%A7%D8%B9\"><\/span>\n<p>  \u25b6\ufe0f \u0627\u0646\u062a\u0632\u0627\u0639<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0646\u062a\u0632\u0627\u0639 \u0645\u0641\u0647\u0648\u0645 \u067e\u0646\u0647\u0627\u0646 \u06a9\u0631\u062f\u0646 \u062c\u0632\u0626\u06cc\u0627\u062a \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u062a\u0646\u0647\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0636\u0631\u0648\u0631\u06cc \u06cc\u06a9 \u0634\u06cc \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/ Abstraction: Hiding complex implementation details and showing only the necessary features of an object.<\/span>\n\n<span class=\"c1\">\/\/ Abstract class<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">Vehicle<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">brand<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">brand<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">brand<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"c1\">\/\/ Abstract method<\/span>\n    <span class=\"nf\">start<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">throw<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Error<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Method 'start()' must be implemented.<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">getBrand<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">brand<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Concrete class<\/span>\n<span class=\"kd\">class<\/span> <span class=\"nc\">Car<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Vehicle<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">start<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">brand<\/span><span class=\"p\">}<\/span><span class=\"s2\"> car is starting...`<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Usage<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">myCar<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Car<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Toyota<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">myCar<\/span><span class=\"p\">.<\/span><span class=\"nf\">getBrand<\/span><span class=\"p\">());<\/span> <span class=\"c1\">\/\/ Output: Toyota<\/span>\n<span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"nx\">myCar<\/span><span class=\"p\">.<\/span><span class=\"nf\">start<\/span><span class=\"p\">());<\/span>    <span class=\"c1\">\/\/ Output: Toyota car is starting...<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \ud83d\udd25\u0627\u062a\u0635\u0627\u0644: https:\/\/www.subham.online \ud83d\udd25\u062a\u0648\u06cc\u062a\u0631: https:\/\/twitter.com\/TheSubhamMaity \u25b6\ufe0f \u0645\u0639\u0631\u0641\u06cc \u2b50 OOPs \u0686\u06cc\u0633\u062a\u061f \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc \u06af\u0631\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u0627\u0634\u06cc\u0627 \u0627\u0633\u062a. \u2b50 4 \u0633\u062a\u0648\u0646 OOP \u0627\u0635\u0637\u0644\u0627\u062d\u0627\u062a \u062f\u0631 OOP \u0627\u0646\u062a\u0632\u0627\u0639 &#8211; \u067e\u0646\u0647\u0627\u0646 \u06a9\u0631\u062f\u0646 \u062c\u0632\u0626\u06cc\u0627\u062a \u062f\u0627\u062e\u0644\u06cc (\u0641\u0642\u0637 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0636\u0631\u0648\u0631\u06cc \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f!) \u06a9\u067e\u0633\u0648\u0644\u0627\u0633\u06cc\u0648\u0646 &#8211; \u0639\u0645\u0644 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0642\u0631\u0627\u0631 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":77808,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-77807","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/77807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=77807"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/77807\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/77808"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=77807"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=77807"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=77807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}