{"id":106112,"date":"2025-04-15T09:29:50","date_gmt":"2025-04-15T04:59:50","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/what-type-of-language-javascript-is-3bf3\/"},"modified":"2025-04-15T09:29:50","modified_gmt":"2025-04-15T04:59:50","slug":"what-type-of-language-javascript-is-3bf3","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/what-type-of-language-javascript-is-3bf3\/","title":{"rendered":"javaScript \u0632\u0628\u0627\u0646\u06cc \u0686\u06cc\u0633\u062a\u061f"},"content":{"rendered":"<div data-article-id=\"2407815\" id=\"article-body\">\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0627\u0633\u062a <strong>\u062a\u06a9 \u0631\u0634\u062a\u0647<\/strong>\u0628\u0627 <strong>\u062f\u06cc\u0646\u0627\u0645\u06cc\u06a9\u06cc \u062a\u0627\u06cc\u067e \u0634\u062f\u0647<\/strong>\u060c \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062a\u0641\u0633\u06cc\u0631 \u0634\u062f\u0647 \u06a9\u0647 \u0627\u0632 \u067e\u0627\u0631\u0627\u062f\u0627\u06cc\u0645 \u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0645\u062a\u0639\u062f\u062f \u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0634\u06cc \u06af\u0631\u0627 \u060c \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u0636\u0631\u0648\u0631\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u062c\u0647\u062a \u06af\u06cc\u0631\u06cc \u0634\u06cc\u0621 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0648 \u06cc\u06a9 \u0645\u0639\u0645\u0627\u0631\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f \u0645\u062d\u0648\u0631 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0633\u0627\u062e\u062a \u0622\u0646 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0648\u0628 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a.<\/p>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0627\u06cc\u062f\u0647 \u0632\u06cc\u0627\u062f\u06cc \u067e\u06cc\u062f\u0627 \u0646\u06a9\u0631\u062f\u06cc\u0645 \u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0647\u0631 \u0642\u0633\u0645\u062a \u0627\u0632 \u062a\u0639\u0631\u06cc\u0641 \u0622\u0646 \u0631\u0627 \u0628\u0627 \u062c\u0632\u0626\u06cc\u0627\u062a \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u0645<\/p>\n<p><strong>threading threaded:<\/strong> \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a <strong>\u062a\u06a9 \u0631\u0634\u062a\u0647<\/strong>\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0641\u0642\u0637 \u062f\u0627\u0631\u062f <strong>\u06cc\u06a9 \u0645\u0648\u0636\u0648\u0639 \u0627\u0635\u0644\u06cc \u0627\u0639\u062f\u0627\u0645<\/strong>\u0628\u0634\u0631 \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f <strong>\u067e\u0634\u062a\u0647 \u062a\u06a9 \u062a\u0645\u0627\u0633<\/strong> \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u062c\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f.<\/p>\n<p>\u0648\u0642\u062a\u06cc \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u062e\u0648\u0627\u0646\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u060c \u0627\u06cc\u0646 \u0627\u0633\u062a <strong>\u0628\u0647 \u0628\u0627\u0644\u0627 \u0647\u0644 \u062f\u0627\u062f\u0647 \u0634\u062f<\/strong> \u0627\u0632 \u067e\u0634\u062a\u0647 \u062a\u0645\u0627\u0633 \u067e\u0633 \u0627\u0632 \u0627\u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u06a9\u0631\u062f \u060c \u0627\u06cc\u0646 \u0627\u0633\u062a <strong>\u0627\u0632 \u067e\u0634\u062a\u0647 \u0628\u06cc\u0631\u0648\u0646 \u0622\u0645\u062f<\/strong>\u060c \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0628\u0647 \u0645\u0648\u0631\u062f \u0628\u0639\u062f\u06cc \u0632\u06cc\u0631 \u0628\u0627\u0632 \u0645\u06cc \u06af\u0631\u062f\u062f. \u06a9\u062f JavaScript \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062a\u0648\u0627\u0644\u06cc \u060c \u06cc\u06a9 \u0642\u062f\u0645 \u062f\u0631 \u06cc\u06a9 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u0628\u0627 \u0648\u062c\u0648\u062f \u0627\u06cc\u0646\u06a9\u0647 \u062a\u06a9 \u0631\u0634\u062a\u0647 \u0627\u06cc \u0627\u0633\u062a \u060c JavaScript API \u0647\u0627\u06cc \u0648\u0628 (\u0645\u0627\u0646\u0646\u062f Settimeout \u060c Fetch \u0648 Chansers Event) \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0639\u0645\u0644\u06cc\u0627\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u0646\u062f. \u0627\u06cc\u0646 API \u0647\u0627 \u0628\u0627 \u062d\u0644\u0642\u0647 \u0631\u0648\u06cc\u062f\u0627\u062f \u0648 \u0635\u0641 \u062a\u0645\u0627\u0633 \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u062f\u0648\u0646 \u0645\u0633\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0645\u0648\u0636\u0648\u0639 \u0627\u0635\u0644\u06cc \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>console.log<span class=\"o\">(<\/span><span class=\"s2\">\"Start\"<\/span><span class=\"o\">)<\/span><span class=\"p\">;<\/span>\n\nsetTimeout<span class=\"o\">(()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"o\">{<\/span>\n  console.log<span class=\"o\">(<\/span><span class=\"s2\">\"Inside setTimeout\"<\/span><span class=\"o\">)<\/span><span class=\"p\">;<\/span> \/\/ runs later\n<span class=\"o\">}<\/span>, 1000<span class=\"o\">)<\/span><span class=\"p\">;<\/span>\n\nconsole.log<span class=\"o\">(<\/span><span class=\"s2\">\"End\"<\/span><span class=\"o\">)<\/span><span class=\"p\">;<\/span>\n\n\/\/ Output:\n\/\/ Start\n\/\/ End\n\/\/ Inside setTimeout\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>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\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>\u0646\u0648\u0639 \u062f\u06cc\u0627\u0645\u06cc:<\/strong><br \/>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u060c \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0628\u0647 \u0635\u0631\u0627\u062d\u062a \u0628\u0627 \u06cc\u06a9 \u0646\u0648\u0639 \u0627\u0639\u0644\u0627\u0645 \u0646\u0645\u06cc \u0634\u0648\u0646\u062f. \u062f\u0631 \u0639\u0648\u0636 \u060c \u0627\u0646\u0648\u0627\u0639 \u0622\u0646\u0647\u0627 \u0627\u0632 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0627\u0633\u062a\u0646\u0628\u0627\u0637 \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0642\u062f\u0627\u0631 \u06cc\u06a9 \u0646\u0648\u0639 \u0631\u0627 \u062f\u0631 \u062e\u0648\u062f \u0646\u06af\u0647 \u062f\u0627\u0631\u062f \u0648 \u0628\u0639\u062f\u0627\u064b \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u062c\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0647 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u06a9\u0627\u0645\u0644\u0627\u064b \u0645\u062a\u0641\u0627\u0648\u062a \u062a\u063a\u06cc\u06cc\u0631 \u06cc\u0627\u0628\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"nb\">let <\/span>data <span class=\"o\">=<\/span> 10<span class=\"p\">;<\/span>       \/\/ data is a number\ndata <span class=\"o\">=<\/span> <span class=\"s2\">\"hello\"<\/span><span class=\"p\">;<\/span>      \/\/ now it<span class=\"s1\">'s a string\ndata = true;         \/\/ now it'<\/span>s a boolean\n\nconsole.log<span class=\"o\">(<\/span>typeof data<span class=\"o\">)<\/span><span class=\"p\">;<\/span> \/\/ Output: boolean\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>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\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<ul>\n<li>\u0627\u06cc\u0646 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f JavaScript \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0628\u0627\u0634\u062f \u0627\u0645\u0627 \u062f\u0631 \u0635\u0648\u0631\u062a \u0639\u062f\u0645 \u0628\u0631\u062e\u0648\u0631\u062f \u0628\u0627 \u062f\u0642\u062a \u060c \u0645\u0633\u062a\u0639\u062f \u0627\u0628\u062a\u0644\u0627 \u0628\u0647 \u0627\u0634\u06a9\u0627\u0644\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0646\u0648\u0639 \u0627\u0633\u062a.<\/li>\n<\/ul>\n<p><strong>\u0632\u0628\u0627\u0646 \u062a\u0641\u0633\u06cc\u0631 \u0634\u062f\u0647<\/strong>: <br \/>JavaScript \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u062a\u0641\u0633\u06cc\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a \u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u06a9\u062f \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062e\u0648\u0627\u0646\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u060c \u062a\u0641\u0633\u06cc\u0631 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0637 \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0637 \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u062f \u060c \u0646\u0647 \u0627\u06cc\u0646\u06a9\u0647 \u0642\u0628\u0644 \u0627\u0632 \u0632\u0645\u0627\u0646 \u0645\u0627\u0646\u0646\u062f \u0628\u0631\u062e\u06cc \u0627\u0632 \u0632\u0628\u0627\u0646\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u062a\u0647\u06cc\u0647 \u0634\u0648\u062f (\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u060c C ++ \u06cc\u0627 \u062c\u0627\u0648\u0627).<\/p>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644 \u060c \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 JavaScript \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 (\u0645\u0627\u0646\u0646\u062f V8 \u062f\u0631 Chrome) \u0627\u0632 \u062a\u062f\u0648\u06cc\u0646 \u0641\u0642\u0637 \u062f\u0631 \u0632\u0645\u0627\u0646 (JIT) \u0628\u0631\u0627\u06cc \u062a\u0642\u0648\u06cc\u062a \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f. JIT \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u062c\u0631\u0627\u06cc \u060c \u0627\u063a\u0644\u0628 \u06a9\u062f \u0631\u0627 \u062f\u0631 \u067e\u0631\u0648\u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0645\u0632\u0627\u06cc\u0627\u06cc \u062a\u0641\u0633\u06cc\u0631 \u0648 \u062a\u062f\u0648\u06cc\u0646 \u0631\u0627 \u062a\u0631\u06a9\u06cc\u0628 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><span class=\"nb\">let <\/span>message <span class=\"o\">=<\/span> <span class=\"s2\">\"Hello, Gurnav!\"<\/span><span class=\"p\">;<\/span>\nconsole.log<span class=\"o\">(<\/span>message<span class=\"o\">)<\/span><span class=\"p\">;<\/span> \/\/ Output: Hello, Gurnav!\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>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\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>\u0634\u06cc \u06af\u0631\u0627:<\/strong> \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc \u06af\u0631\u0627 (OOP) \u067e\u0627\u0631\u0627\u062f\u0627\u06cc\u0645 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u062f \u0631\u0627 \u062f\u0631 \u0627\u0637\u0631\u0627\u0641 \u0627\u0634\u06cc\u0627\u0621 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0645\u06cc \u06a9\u0646\u062f \u060c \u06a9\u0647 \u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u06a9\u0644\u0627\u0633 \u0647\u0627 \u0647\u0633\u062a\u0646\u062f. JavaScript \u0628\u0627 \u0627\u062c\u0627\u0632\u0647 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u0648 \u06a9\u0627\u0631 \u0628\u0627 \u0627\u0634\u06cc\u0627\u0621 \u0628\u0631\u0627\u06cc \u0645\u062d\u0627\u0635\u0631\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0648 \u0631\u0641\u062a\u0627\u0631 \u060c \u0627\u0632 OOP \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u0627\u06af\u0631\u0686\u0647 \u0646\u062d\u0648 \u06a9\u0644\u0627\u0633 \u062f\u0631 ES6 (ECMAScript 2015) \u0628\u0631\u0627\u06cc \u0646\u062d\u0648 \u067e\u0627\u06a9 \u06a9\u0646\u0646\u062f\u0647 \u0648 \u0622\u0634\u0646\u0627\u062a\u0631 OOP \u0645\u0639\u0631\u0641\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u060c JavaScript \u0627\u0633\u0627\u0633\u0627\u064b \u0628\u0631 \u0631\u0648\u06cc \u0645\u06cc\u0631\u0627\u062b \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u062a\u062d\u062a \u0647\u0648\u062f \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>class Person <span class=\"o\">{<\/span>\n  constructor<span class=\"o\">(<\/span>name<span class=\"o\">)<\/span> <span class=\"o\">{<\/span>\n    this.name <span class=\"o\">=<\/span> name<span class=\"p\">;<\/span>\n  <span class=\"o\">}<\/span>\n\n  greet<span class=\"o\">()<\/span> <span class=\"o\">{<\/span>\n    console.log<span class=\"o\">(<\/span><span class=\"sb\">`<\/span>Hi, I<span class=\"s1\">'m ${this.name}`);\n  }\n}\n\nconst user = new Person(\"Gurnav\");\nuser.greet(); \/\/ Output: Hi, I'<\/span>m Gurnav\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>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\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>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0636\u0631\u0648\u0631\u06cc:<\/strong> <br \/>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0636\u0631\u0648\u0631\u06cc \u06cc\u06a9 \u0627\u0644\u06af\u0648\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0635\u0631\u06cc\u062d \u0648 \u062c\u0631\u06cc\u0627\u0646 \u06a9\u0646\u062a\u0631\u0644 (\u0645\u0627\u0646\u0646\u062f \u062d\u0644\u0642\u0647 \u0647\u0627 \u060c \u0634\u0631\u0637 \u0647\u0627 \u0648 \u062a\u06a9\u0627\u0644\u06cc\u0641) \u0628\u0647 \u0646\u062d\u0648\u0647 \u0627\u0646\u062c\u0627\u0645 \u0648\u0638\u0627\u06cc\u0641 \u0645\u0631\u062d\u0644\u0647 \u0628\u0647 \u0645\u0631\u062d\u0644\u0647 \u0645\u062a\u0645\u0631\u06a9\u0632 \u0627\u0633\u062a.<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0633\u0628\u06a9 \u060c \u0634\u0645\u0627 \u0628\u0647 \u0631\u0627\u06cc\u0627\u0646\u0647 \u0645\u06cc \u06af\u0648\u06cc\u06cc\u062f \u06a9\u0647 \u0686\u0647 \u06a9\u0627\u0631\u06cc \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f \u0648 \u0686\u06af\u0648\u0646\u0647 \u0622\u0646 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f \u060c \u0648\u0636\u0639\u06cc\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0645\u0633\u06cc\u0631 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>const numbers <span class=\"o\">=<\/span> <span class=\"o\">[<\/span>1, 2, 3, 4]<span class=\"p\">;<\/span>\nconst doubled <span class=\"o\">=<\/span> <span class=\"o\">[]<\/span><span class=\"p\">;<\/span>\n\n<span class=\"k\">for<\/span> <span class=\"o\">(<\/span><span class=\"nb\">let <\/span>i <span class=\"o\">=<\/span> 0<span class=\"p\">;<\/span> i &lt; numbers.length<span class=\"p\">;<\/span> i++<span class=\"o\">)<\/span> <span class=\"o\">{<\/span>\n  doubled.push<span class=\"o\">(<\/span>numbers[i] <span class=\"k\">*<\/span> 2<span class=\"o\">)<\/span><span class=\"p\">;<\/span>\n<span class=\"o\">}<\/span>\n\nconsole.log<span class=\"o\">(<\/span>doubled<span class=\"o\">)<\/span><span class=\"p\">;<\/span> \/\/ <span class=\"o\">[<\/span>2, 4, 6, 8]\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>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\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>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc:<\/strong><br \/>\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u067e\u0627\u0631\u0627\u062f\u0627\u06cc\u0645 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u0622\u0647\u0646\u06af\u0633\u0627\u0632\u06cc \u062a\u0648\u0627\u0628\u0639 \u062e\u0627\u0644\u0635 \u0633\u0627\u062e\u062a\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u062a\u0623\u06a9\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0686\u0647 \u06a9\u0627\u0631\u06cc \u0628\u0627\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f \u062a\u0627 \u0627\u06cc\u0646\u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u0645.<\/p>\n<p>\u0627\u0635\u0648\u0644 \u06a9\u0644\u06cc\u062f\u06cc \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n<ul>\n<li>\n<p>\u062a\u0648\u0627\u0628\u0639 \u062e\u0627\u0644\u0635 (\u0628\u062f\u0648\u0646 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc)<\/p>\n<\/li>\n<li>\n<p>\u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc (\u062f\u0627\u062f\u0647 \u0647\u0627 \u0627\u0635\u0644\u0627\u062d \u0646\u0634\u062f\u0647 \u0627\u0633\u062a)<\/p>\n<\/li>\n<li>\n<p>\u062a\u0648\u0627\u0628\u0639 \u062f\u0631\u062c\u0647 \u06cc\u06a9 (\u062a\u0648\u0627\u0628\u0639 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0645\u0627\u0646\u0646\u062f \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0645\u0646\u062a\u0642\u0644 \u0634\u0648\u0646\u062f)<\/p>\n<\/li>\n<li>\n<p>\u062a\u0648\u0627\u0628\u0639 \u0645\u0631\u062a\u0628\u0647 \u0628\u0627\u0644\u0627\u062a\u0631 (\u062a\u0648\u0627\u0628\u0639\u06cc \u06a9\u0647 \u062a\u0648\u0627\u0628\u0639 \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u0646\u062f \u06cc\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u0646\u062f)<\/p>\n<\/li>\n<li>\n<p>\u062a\u0631\u06a9\u06cc\u0628 \u0639\u0645\u0644\u06a9\u0631\u062f: \u0627\u06cc\u062c\u0627\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0628\u0627 \u062a\u0631\u06a9\u06cc\u0628 \u062a\u0648\u0627\u0628\u0639 \u0633\u0627\u062f\u0647 \u062a\u0631.<\/p>\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>const numbers <span class=\"o\">=<\/span> <span class=\"o\">[<\/span>1, 2, 3, 4]<span class=\"p\">;<\/span>\n\nconst doubled <span class=\"o\">=<\/span> numbers.map<span class=\"o\">(<\/span>num <span class=\"o\">=&gt;<\/span> num <span class=\"k\">*<\/span> 2<span class=\"o\">)<\/span><span class=\"p\">;<\/span>\n\nconsole.log<span class=\"o\">(<\/span>doubled<span class=\"o\">)<\/span><span class=\"p\">;<\/span> \/\/ <span class=\"o\">[<\/span>2, 4, 6, 8]\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>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\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>\ud83e\uddec \u062c\u0647\u062a \u06af\u06cc\u0631\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647:<\/strong><br \/>JavaScript \u0627\u0632 \u062c\u0647\u062a \u06af\u06cc\u0631\u06cc \u0634\u06cc\u0621 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0627\u0634\u06cc\u0627\u0621 \u0628\u0647 \u062c\u0627\u06cc \u06a9\u0644\u0627\u0633 \u0647\u0627 (\u0645\u0627\u0646\u0646\u062f \u0632\u0628\u0627\u0646 \u0647\u0627\u06cc \u06a9\u0644\u0627\u0633\u06cc\u06a9 OOP) \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0627\u0632 \u0627\u0634\u06cc\u0627\u0621 \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc \u0628\u0631\u0646\u062f.<\/p>\n<p>\u0647\u0631 \u0634\u06cc\u0621 JavaScript \u062f\u0627\u0631\u0627\u06cc \u067e\u06cc\u0648\u0646\u062f \u062f\u0627\u062e\u0644\u06cc \u0628\u0647 \u0634\u06cc\u0621 \u062f\u06cc\u06af\u0631\u06cc \u0628\u0647 \u0646\u0627\u0645 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0622\u0646 \u0627\u0633\u062a. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0633\u0639\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0628\u0647 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u06cc\u0627 \u0631\u0648\u0634\u06cc \u06a9\u0647 \u062f\u0631 \u062e\u0648\u062f \u0634\u06cc\u0621 \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f \u060c JavaScript \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0622\u0646 \u062f\u0631 \u0632\u0646\u062c\u06cc\u0631\u0647 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0634\u06cc \u0627\u0633\u062a.<\/p>\n<p>\u062d\u062a\u06cc \u0646\u062d\u0648 \u06a9\u0644\u0627\u0633 \u062f\u0631 JavaScript \u0641\u0642\u0637 \u0642\u0646\u062f \u0646\u062d\u0648\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 \u0627\u06cc\u0646 \u0645\u06cc\u0631\u0627\u062b \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0633\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>function Person(name) {\n  this.name = name;\n}\n\n\/\/ Adding method to the prototype\nPerson.prototype.sayHi = function () {\n  console.log(`Hi, I'm ${this.name}`);\n};\n\nconst user = new Person(\"Gurnav\");\nuser.sayHi(); \/\/ Hi, I'm Gurnav\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>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\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: Sayhi \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0631\u0648\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0646\u06cc\u0633\u062a \u060c \u0627\u0645\u0627 JavaScript \u0622\u0646 \u0631\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0632\u0646\u062c\u06cc\u0631\u0647 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u067e\u06cc\u062f\u0627 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p><strong>strchitecture \u0645\u0639\u0645\u0627\u0631\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f:<\/strong><br \/>\u0645\u0639\u0645\u0627\u0631\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0631\u0648\u06cc\u062f\u0627\u062f \u06cc\u06a9 \u0645\u062f\u0644 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u062c\u0631\u06cc\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u062a\u0648\u0633\u0637 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc \u0634\u0648\u062f-\u0645\u0627\u0646\u0646\u062f \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 (\u06a9\u0644\u06cc\u06a9 \u060c \u062a\u0627\u06cc\u067e) \u060c \u067e\u06cc\u0627\u0645 \u0647\u0627\u06cc \u0633\u0627\u06cc\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627 \u06cc\u0627 \u062a\u0627\u06cc\u0645\u0631.<\/p>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u060c \u0628\u0647 \u0648\u06cc\u0698\u0647 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u0645\u0631\u0648\u0631\u06af\u0631 \u060c \u0627\u06cc\u0646 \u06cc\u06a9 \u0645\u0641\u0647\u0648\u0645 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a. JavaScript \u0627\u0632 \u0634\u0646\u0648\u0646\u062f\u06af\u0627\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f \u0628\u0631\u0627\u06cc \u0648\u0627\u06a9\u0646\u0634 \u0628\u0647 \u0648\u0642\u0627\u06cc\u0639 \u063a\u06cc\u0631 \u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u062f\u0648\u0646 \u0645\u0633\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0645\u0648\u0636\u0648\u0639 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0627\u0645\u06a9\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u067e\u0627\u0633\u062e\u06af\u0648 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code><button class=\"nb\">id<span class=\"o\">=<\/span><span class=\"s2\">\"greetBtn\"<\/span><span class=\"o\">&gt;<\/span>Say Hello<\/button>\n\n<script><![CDATA[\n  const button <span class=\"o\">= document.getElementById<span class=\"o\">(<span class=\"s2\">\"greetBtn\"<span class=\"o\">)<span class=\"p\">;\n\n  button.addEventListener<span class=\"o\">(<span class=\"s2\">\"click\", <span class=\"o\">() <span class=\"o\">=> <span class=\"o\">{\n    alert<span class=\"o\">(<span class=\"s2\">\"Hello, Gurnav!\"<span class=\"o\">)<span class=\"p\">;\n  <span class=\"o\">})<span class=\"p\">;\n]]><\/script>\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>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\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\u062c\u0627 \u060c JavaScript \u0628\u0631\u0627\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f &#8220;\u06a9\u0644\u06cc\u06a9&#8221; \u06af\u0648\u0634 \u0645\u06cc \u062f\u0647\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f \u060c \u0639\u0645\u0644\u06a9\u0631\u062f \u067e\u0627\u0633\u062e \u0628\u0647 \u062a\u0645\u0627\u0633 \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<h3>\n<p>  \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc:<br \/>\n<\/h3>\n<ul>\n<li>\n<p>\u06a9\u0644\u06cc\u06a9 \u062f\u06a9\u0645\u0647<\/p>\n<\/li>\n<li>\n<p>\u0641\u0631\u0645 \u0627\u0631\u0633\u0627\u0644<\/p>\n<\/li>\n<li>\n<p>\u0648\u0631\u0648\u062f\u06cc \u0635\u0641\u062d\u0647 \u06a9\u0644\u06cc\u062f<\/p>\n<\/li>\n<li>\n<p>\u062d\u0631\u06a9\u0627\u062a \u0645\u0648\u0634<\/p>\n<\/li>\n<li>\n<p>\u067e\u0627\u0633\u062e \u0647\u0627\u06cc API (\u0645\u0627\u0646\u0646\u062f Fetch)<\/p>\n<\/li>\n<li>\n<p>\u062a\u0627\u06cc\u0645\u0631 (settimeout \u060c setInterval)<\/p>\n<\/li>\n<\/ul><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u06cc\u06a9 \u0627\u0633\u062a \u062a\u06a9 \u0631\u0634\u062a\u0647\u0628\u0627 \u062f\u06cc\u0646\u0627\u0645\u06cc\u06a9\u06cc \u062a\u0627\u06cc\u067e \u0634\u062f\u0647\u060c \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062a\u0641\u0633\u06cc\u0631 \u0634\u062f\u0647 \u06a9\u0647 \u0627\u0632 \u067e\u0627\u0631\u0627\u062f\u0627\u06cc\u0645 \u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0645\u062a\u0639\u062f\u062f \u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0634\u06cc \u06af\u0631\u0627 \u060c \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u0636\u0631\u0648\u0631\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u062c\u0647\u062a \u06af\u06cc\u0631\u06cc \u0634\u06cc\u0621 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0648 \u06cc\u06a9 \u0645\u0639\u0645\u0627\u0631\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f \u0645\u062d\u0648\u0631 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0633\u0627\u062e\u062a &hellip;<\/p>\n","protected":false},"author":2,"featured_media":106113,"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-106112","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\/106112","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=106112"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/106112\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/106113"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=106112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=106112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=106112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}