{"id":26616,"date":"2023-06-12T12:39:18","date_gmt":"2023-06-12T09:09:18","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/"},"modified":"2023-06-12T12:39:18","modified_gmt":"2023-06-12T09:09:18","slug":"javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/","title":{"rendered":"\u0627\u0633\u0631\u0627\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0648\u0646\u0645\u0627\u06cc\u06cc \u0634\u062f: 10 \u0633\u0646\u06af \u0645\u062e\u0641\u06cc \u0628\u0631\u062a\u0631 \u0628\u0627 \u0646\u0645\u0648\u0646\u0647 \u06a9\u062f"},"content":{"rendered":"<div data-article-id=\"1499999\" id=\"article-body\">\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 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 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#1_%D9%82%D8%AF%D8%B1%D8%AA_%D8%AA%D8%AE%D8%B1%DB%8C%D8%A8_%D8%B3%D8%A7%D8%AE%D8%AA%D8%A7%D8%B1\" >1. \u0642\u062f\u0631\u062a \u062a\u062e\u0631\u06cc\u0628 \u0633\u0627\u062e\u062a\u0627\u0631:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#2_%D8%A2%D8%B2%D8%A7%D8%AF%D8%B3%D8%A7%D8%B2%DB%8C_%D9%BE%D8%AA%D8%A7%D9%86%D8%B3%DB%8C%D9%84_%D8%A7%D9%BE%D8%B1%D8%A7%D8%AA%D9%88%D8%B1_%DA%AF%D8%B3%D8%AA%D8%B1%D8%B4\" >2. \u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u067e\u062a\u0627\u0646\u0633\u06cc\u0644 \u0627\u067e\u0631\u0627\u062a\u0648\u0631 \u06af\u0633\u062a\u0631\u0634:<\/a><\/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\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#3_%D8%AA%D8%B3%D9%84%D8%B7_%D8%A8%D8%B1_%D8%AA%D9%88%D8%A7%D8%A8%D8%B9_%D8%AF%D8%B1%D8%AC%D9%87_%D8%A8%D8%A7%D9%84%D8%A7%D8%AA%D8%B1\" >3. \u062a\u0633\u0644\u0637 \u0628\u0631 \u062a\u0648\u0627\u0628\u0639 \u062f\u0631\u062c\u0647 \u0628\u0627\u0644\u0627\u062a\u0631:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#4_%D8%AC%D8%A7%D9%88%D8%A7_%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D9%86%D8%A7%D9%87%D9%85%D8%B2%D9%85%D8%A7%D9%86_%D8%A8%D8%A7_%D9%88%D8%B9%D8%AF%D9%87\" >4. \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0627 \u0648\u0639\u062f\u0647:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#5_%D8%AC%D8%A7%D8%AF%D9%88%DB%8C_%D8%AA%D9%88%D8%A7%D8%A8%D8%B9_%DA%98%D9%86%D8%B1%D8%A7%D8%AA%D9%88%D8%B1\" >5. \u062c\u0627\u062f\u0648\u06cc \u062a\u0648\u0627\u0628\u0639 \u0698\u0646\u0631\u0627\u062a\u0648\u0631:<\/a><\/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\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#6_Supercharging_%D8%B9%D8%A8%D8%A7%D8%B1%D8%A7%D8%AA_%D9%85%D9%86%D8%B8%D9%85\" >6. Supercharging \u0639\u0628\u0627\u0631\u0627\u062a \u0645\u0646\u0638\u0645:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#7_%DA%A9%D8%B4%D9%81_%D8%B1%D9%85%D8%B2_%D9%88_%D8%B1%D8%A7%D8%B2_%DB%8C%D8%A7%D8%AF%D8%AF%D8%A7%D8%B4%D8%AA\" >7. \u06a9\u0634\u0641 \u0631\u0645\u0632 \u0648 \u0631\u0627\u0632 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#8_%D8%B3%D8%A7%D8%AF%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AA%D8%A7%D8%B1%DB%8C%D8%AE_%D9%88_%D8%B2%D9%85%D8%A7%D9%86_%D8%AF%D8%B3%D8%AA%DA%A9%D8%A7%D8%B1%DB%8C_%D8%A8%D8%A7_Luxon\" >8. \u0633\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u062a\u0627\u0631\u06cc\u062e \u0648 \u0632\u0645\u0627\u0646 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0628\u0627 Luxon:<\/a><\/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\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#9_%DA%A9%D8%A7%D9%88%D8%B4_%D8%AF%D8%B1_%D9%81%D8%B6%D8%A7%DB%8C_%D8%B0%D8%AE%DB%8C%D8%B1%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D9%88%D8%A8\" >9. \u06a9\u0627\u0648\u0634 \u062f\u0631 \u0641\u0636\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0648\u0628:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/javascript-secrets-unveiled-top-10-hidden-gems-with-code-examples-3ed4\/#10_%D8%B3%D8%A7%D8%AE%D8%AA_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87_%D9%87%D8%A7%DB%8C_%D9%88%D8%A8_%D9%BE%D8%A7%D8%B3%D8%AE%DA%AF%D9%88_%D8%A8%D8%A7_ResizeObserver\" >10. \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0648\u0628 \u067e\u0627\u0633\u062e\u06af\u0648 \u0628\u0627 ResizeObserver:<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"1_%D9%82%D8%AF%D8%B1%D8%AA_%D8%AA%D8%AE%D8%B1%DB%8C%D8%A8_%D8%B3%D8%A7%D8%AE%D8%AA%D8%A7%D8%B1\"><\/span>\n<p>  1. \u0642\u062f\u0631\u062a \u062a\u062e\u0631\u06cc\u0628 \u0633\u0627\u062e\u062a\u0627\u0631:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u062e\u0635\u06cc\u0635 \u0633\u0627\u062e\u062a\u0627\u0631\u0634\u06a9\u0646\u06cc \u0631\u0627\u0647\u06cc \u0645\u062e\u062a\u0635\u0631 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0642\u0627\u062f\u06cc\u0631 \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647 \u0647\u0627 \u06cc\u0627 \u0627\u0634\u06cc\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.  \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u060c \u0645\u0627\u0646\u0646\u062f \u062a\u0639\u0648\u06cc\u0636 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u060c \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0642\u0627\u062f\u06cc\u0631 \u062a\u0648 \u062f\u0631 \u062a\u0648\u060c \u0648 \u062a\u0646\u0638\u06cc\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Swapping variables\nlet a = 1;\nlet b = 2;\n[a, b] = [b, a];\n\n\/\/ Extracting nested values\nconst person = { name: 'John Doe', age: 25, address: { city: 'New York' } };\nconst { name, address: { city } } = person;\n\n\/\/ Setting default values\nconst { phoneNumber=\"N\/A\" } = person;\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=\"2_%D8%A2%D8%B2%D8%A7%D8%AF%D8%B3%D8%A7%D8%B2%DB%8C_%D9%BE%D8%AA%D8%A7%D9%86%D8%B3%DB%8C%D9%84_%D8%A7%D9%BE%D8%B1%D8%A7%D8%AA%D9%88%D8%B1_%DA%AF%D8%B3%D8%AA%D8%B1%D8%B4\"><\/span>\n<p>  2. \u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u067e\u062a\u0627\u0646\u0633\u06cc\u0644 \u0627\u067e\u0631\u0627\u062a\u0648\u0631 \u06af\u0633\u062a\u0631\u0634:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0639\u0645\u0644\u06af\u0631 spread \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0639\u0646\u0627\u0635\u0631 \u06cc\u06a9 \u062a\u06a9\u0631\u0627\u0631\u067e\u0630\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u067e\u062e\u0634 \u06a9\u0646\u06cc\u062f.  \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646 \u0645\u0627\u0646\u0646\u062f \u0627\u0644\u062d\u0627\u0642 \u0622\u0631\u0627\u06cc\u0647 \u0647\u0627\u060c \u0627\u062f\u063a\u0627\u0645 \u0627\u0634\u06cc\u0627 \u0648 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u062a\u0627\u0628\u0639 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Array concatenation\nconst array1 = [1, 2, 3];\nconst array2 = [4, 5, 6];\nconst mergedArray = [...array1, ...array2];\n\n\/\/ Object merging\nconst obj1 = { a: 1, b: 2 };\nconst obj2 = { c: 3, d: 4 };\nconst mergedObject = { ...obj1, ...obj2 };\n\n\/\/ Function argument manipulation\nconst myFunction = (param1, param2, ...rest) =&gt; {\n  \/\/ ...\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<h2><span class=\"ez-toc-section\" id=\"3_%D8%AA%D8%B3%D9%84%D8%B7_%D8%A8%D8%B1_%D8%AA%D9%88%D8%A7%D8%A8%D8%B9_%D8%AF%D8%B1%D8%AC%D9%87_%D8%A8%D8%A7%D9%84%D8%A7%D8%AA%D8%B1\"><\/span>\n<p>  3. \u062a\u0633\u0644\u0637 \u0628\u0631 \u062a\u0648\u0627\u0628\u0639 \u062f\u0631\u062c\u0647 \u0628\u0627\u0644\u0627\u062a\u0631:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u0648\u0627\u0628\u0639 \u062f\u0631\u062c\u0647 \u0628\u0627\u0644\u0627\u062a\u0631 \u0645\u0627\u0646\u0646\u062f map()\u060c filter() \u0648 reduce() \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u0646\u062f.  \u0642\u062f\u0631\u062a\u200c\u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u062a\u0628\u062f\u06cc\u0644 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u060c \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0622\u0631\u0627\u06cc\u0647\u200c\u0647\u0627 \u0648 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0627\u0646\u0628\u0648\u0647.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Transforming data with map()\nconst numbers = [1, 2, 3, 4, 5];\nconst squaredNumbers = numbers.map((num) =&gt; num ** 2);\n\n\/\/ Filtering arrays with filter()\nconst evenNumbers = numbers.filter((num) =&gt; num % 2 === 0);\n\n\/\/ Calculating aggregated values with reduce()\nconst sum = numbers.reduce((acc, num) =&gt; acc + num, 0);\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=\"4_%D8%AC%D8%A7%D9%88%D8%A7_%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D9%86%D8%A7%D9%87%D9%85%D8%B2%D9%85%D8%A7%D9%86_%D8%A8%D8%A7_%D9%88%D8%B9%D8%AF%D9%87\"><\/span>\n<p>  4. \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0627 \u0648\u0639\u062f\u0647:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Promises \u0631\u0648\u0634\u06cc \u0632\u06cc\u0628\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0639\u0645\u0644\u06cc\u0627\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.  \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u0647\u0627\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0639\u0645\u0644\u06cc\u0627\u062a \u0632\u0646\u062c\u06cc\u0631\u0647 \u0627\u06cc\u060c \u0627\u062c\u0631\u0627\u06cc \u0645\u0648\u0627\u0632\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Chaining operations\nfetchData()\n  .then(processData)\n  .then(displayResult)\n  .catch(handleError);\n\n\/\/ Parallel execution with Promise.all()\nconst promises = [promise1, promise2, promise3];\nPromise.all(promises)\n  .then((results) =&gt; {\n    \/\/ Process the results\n    \/\/ ...\n  })\n  .catch(handleError);\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=\"5_%D8%AC%D8%A7%D8%AF%D9%88%DB%8C_%D8%AA%D9%88%D8%A7%D8%A8%D8%B9_%DA%98%D9%86%D8%B1%D8%A7%D8%AA%D9%88%D8%B1\"><\/span>\n<p>  5. \u062c\u0627\u062f\u0648\u06cc \u062a\u0648\u0627\u0628\u0639 \u0698\u0646\u0631\u0627\u062a\u0648\u0631:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u0648\u0627\u0628\u0639 \u0698\u0646\u0631\u0627\u062a\u0648\u0631 \u062c\u0631\u06cc\u0627\u0646 \u06a9\u0646\u062a\u0631\u0644 \u062a\u06a9\u0631\u0627\u0631\u06cc \u0648 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u062a\u0646\u0628\u0644 \u0631\u0627 \u0627\u0645\u06a9\u0627\u0646 \u067e\u0630\u06cc\u0631 \u0645\u06cc \u06a9\u0646\u062f.  \u0642\u062f\u0631\u062a\u200c\u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u062a\u0648\u0627\u0644\u06cc\u200c\u0647\u0627\u06cc \u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a\u060c \u062a\u06a9\u0631\u0627\u0631 \u063a\u06cc\u0631 \u0647\u0645\u06af\u0627\u0645\u060c \u0648 \u0686\u0646\u062f\u0648\u0638\u06cc\u0641\u0647\u200c\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Infinite sequences\nfunction* infiniteSequence() {\n  let num = 1;\n  while (true) {\n    yield num++;\n  }\n}\n\n\/\/ Async iteration\nasync function* asyncGenerator() {\n  \/\/ ...\n}\nfor await (const value of asyncGenerator()) {\n  \/\/ ...\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<h2><span class=\"ez-toc-section\" id=\"6_Supercharging_%D8%B9%D8%A8%D8%A7%D8%B1%D8%A7%D8%AA_%D9%85%D9%86%D8%B8%D9%85\"><\/span>\n<p>  6. Supercharging \u0639\u0628\u0627\u0631\u0627\u062a \u0645\u0646\u0638\u0645:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0639\u0628\u0627\u0631\u0627\u062a \u0645\u0646\u0638\u0645 \u0642\u0627\u0628\u0644\u06cc\u062a \u062a\u0637\u0628\u06cc\u0642 \u0627\u0644\u06af\u0648\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u0646\u062f.  \u0642\u062f\u0631\u062a\u200c\u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u200c\u0647\u0627 \u0627\u0632 \u062c\u0645\u0644\u0647 \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc\u200c\u0647\u0627\u060c \u06af\u0631\u0641\u062a\u0646 \u06af\u0631\u0648\u0647\u200c\u0647\u0627 \u0648 \u0627\u0635\u0644\u0627\u062d\u200c\u06a9\u0646\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Lookaheads\nconst positiveLookahead = \/John(?= Doe)\/;\nconst negativeLookahead = \/John(?! Doe)\/;\n\n\/\/ Capturing groups\nconst regex = \/(\\d{2})-(\\d{2})-(\\d{4})\/;\nconst [_, day, month, year] = regex.exec('15-06-2023');\n\n\/\/ Advanced modifiers\nconst globalMatch = \/pattern\/g;\nconst caseInsensitiveMatch = \/pattern\/i;\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=\"7_%DA%A9%D8%B4%D9%81_%D8%B1%D9%85%D8%B2_%D9%88_%D8%B1%D8%A7%D8%B2_%DB%8C%D8%A7%D8%AF%D8%AF%D8%A7%D8%B4%D8%AA\"><\/span>\n<p>  7. \u06a9\u0634\u0641 \u0631\u0645\u0632 \u0648 \u0631\u0627\u0632 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u06a9\u0631\u062f\u0646 \u062a\u06a9\u0646\u06cc\u06a9\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0646\u062a\u0627\u06cc\u062c \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f.  \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0639\u0645\u0644\u06cc\u0627\u062a \u06af\u0631\u0627\u0646 \u0642\u06cc\u0645\u062a \u0648 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062a\u0648\u0627\u0628\u0639 \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Caching expensive operations\nconst memoizedFunction = memoize(expensiveOperation);\n\n\/\/ Optimizing recursive functions\nfunction fibonacci(n, memo = {}) {\n  if (n &lt;= 1) return n;\n  if (memo[n]) return memo[n];\n  memo[n] = fibonacci(n - 1, memo) + fibonacci(n - 2, memo);\n  return memo[n];\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<h2><span class=\"ez-toc-section\" id=\"8_%D8%B3%D8%A7%D8%AF%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AA%D8%A7%D8%B1%DB%8C%D8%AE_%D9%88_%D8%B2%D9%85%D8%A7%D9%86_%D8%AF%D8%B3%D8%AA%DA%A9%D8%A7%D8%B1%DB%8C_%D8%A8%D8%A7_Luxon\"><\/span>\n<p>  8. \u0633\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u062a\u0627\u0631\u06cc\u062e \u0648 \u0632\u0645\u0627\u0646 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0628\u0627 Luxon:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Luxon \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0627 \u062a\u0627\u0631\u06cc\u062e \u0648 \u0632\u0645\u0627\u0646 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a.  \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u062a\u0627\u0631\u06cc\u062e\u060c \u062a\u062c\u0632\u06cc\u0647\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0646\u0637\u0642\u0647 \u0632\u0645\u0627\u0646\u06cc\u060c \u0648 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0632\u0645\u0627\u0646 \u0646\u0633\u0628\u06cc \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Date formatting\nconst now = DateTime.now();\nconst formattedDate = now.toFormat('yyyy-MM-dd');\n\n\/\/ Parsing dates\nconst parsedDate = DateTime.fromISO('2023-06-15');\n\n\/\/ Timezone handling\nconst localTime = now.setZone('local');\nconst newYorkTime = now.setZone('America\/New_York');\n\n\/\/ Relative time calculations\nconst diff = DateTime.fromISO('2023-06-15').diffNow().toObject();\nconst { days, hours, minutes } = diff;\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=\"9_%DA%A9%D8%A7%D9%88%D8%B4_%D8%AF%D8%B1_%D9%81%D8%B6%D8%A7%DB%8C_%D8%B0%D8%AE%DB%8C%D8%B1%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D9%88%D8%A8\"><\/span>\n<p>  9. \u06a9\u0627\u0648\u0634 \u062f\u0631 \u0641\u0636\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0648\u0628:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Web Storage \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062d\u0644\u06cc \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.  \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u060c \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0627\u0646\u0642\u0636\u0627\u060c \u0648 \u0631\u062f\u06cc\u0627\u0628\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Storing and retrieving data\nlocalStorage.setItem('key', 'value');\nconst storedValue = localStorage.getItem('key');\n\n\/\/ Handling expiration\nlocalStorage.setItem('key', JSON.stringify({ value, expires: Date.now() + 3600 }));\nconst storedObject = JSON.parse(localStorage.getItem('key'));\nif (storedObject.expires &lt; Date.now()) {\n  localStorage.removeItem('key');\n}\n\n\/\/ Tracking storage events\nwindow.addEventListener('storage', (event) =&gt; {\n  \/\/ Handle storage events\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<h2><span class=\"ez-toc-section\" id=\"10_%D8%B3%D8%A7%D8%AE%D8%AA_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87_%D9%87%D8%A7%DB%8C_%D9%88%D8%A8_%D9%BE%D8%A7%D8%B3%D8%AE%DA%AF%D9%88_%D8%A8%D8%A7_ResizeObserver\"><\/span>\n<p>  10. \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0648\u0628 \u067e\u0627\u0633\u062e\u06af\u0648 \u0628\u0627 ResizeObserver:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>ResizeObserver \u06cc\u06a9 API \u0645\u062f\u0631\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0627\u0646\u062f\u0627\u0632\u0647 \u0639\u0646\u0627\u0635\u0631 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.  \u0642\u062f\u0631\u062a\u200c\u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627\u060c \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644\u060c \u0648 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0637\u0631\u062d\u200c\u0628\u0646\u062f\u06cc \u067e\u0648\u06cc\u0627 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>\/\/ Observing element size changes\nconst observer = new ResizeObserver((entries) =&gt; {\n  for (const entry of entries) {\n    \/\/ Handle size changes\n  }\n});\nobserver.observe(element);\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<hr\/>\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0632\u0628\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0627 \u0631\u0627 \u0628\u0627 \u0627\u0633\u0631\u0627\u0631 \u067e\u0646\u0647\u0627\u0646 \u0648 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u06a9\u0645\u062a\u0631 \u0634\u0646\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u062e\u0648\u062f \u0634\u06af\u0641\u062a \u0632\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.  \u0628\u0627 \u06a9\u0627\u0648\u0634 \u062f\u0631 \u0627\u06cc\u0646 10 \u0631\u0627\u0632 \u0628\u0631\u062a\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u062c\u0639\u0628\u0647 \u0627\u0628\u0632\u0627\u0631 \u062e\u0648\u062f \u0631\u0627 \u06af\u0633\u062a\u0631\u0634 \u062f\u0627\u062f\u0647 \u0627\u06cc\u062f \u0648 \u0628\u06cc\u0646\u0634 \u0647\u0627\u06cc\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u062f \u062e\u0648\u062f\u060c \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u062a\u0631 \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0647 \u0627\u06cc\u062f.  \u0627\u06cc\u0646 \u062c\u0648\u0627\u0647\u0631\u0627\u062a \u067e\u0646\u0647\u0627\u0646 \u0631\u0627 \u062f\u0631 \u0622\u063a\u0648\u0634 \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u0628\u0627 \u0622\u0646\u0647\u0627 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u06a9\u0627\u0648\u0634 \u062f\u0631 \u0627\u0639\u0645\u0627\u0642 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u062f\u0627\u0645\u0647 \u062f\u0647\u06cc\u062f \u062a\u0627 \u0628\u0647 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0628\u0647\u062a\u0631 \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u06cc\u062f.  \u06a9\u062f \u0646\u0648\u06cc\u0633\u06cc \u0645\u0628\u0627\u0631\u06a9!<\/p>\n<blockquote>\n<p>\u0646\u0648\u06cc\u0633\u0646\u062f\u0647: Hakimov-dev<\/p>\n<\/blockquote><\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. \u0642\u062f\u0631\u062a \u062a\u062e\u0631\u06cc\u0628 \u0633\u0627\u062e\u062a\u0627\u0631: \u062a\u062e\u0635\u06cc\u0635 \u0633\u0627\u062e\u062a\u0627\u0631\u0634\u06a9\u0646\u06cc \u0631\u0627\u0647\u06cc \u0645\u062e\u062a\u0635\u0631 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0642\u0627\u062f\u06cc\u0631 \u0627\u0632 \u0622\u0631\u0627\u06cc\u0647 \u0647\u0627 \u06cc\u0627 \u0627\u0634\u06cc\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0642\u062f\u0631\u062a \u0647\u0627\u06cc \u067e\u0646\u0647\u0627\u0646 \u0622\u0646\u060c \u0645\u0627\u0646\u0646\u062f \u062a\u0639\u0648\u06cc\u0636 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u060c \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0642\u0627\u062f\u06cc\u0631 \u062a\u0648 \u062f\u0631 \u062a\u0648\u060c \u0648 \u062a\u0646\u0638\u06cc\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u0645. \/\/ Swapping variables let a = 1; let b = 2; [a, b] = [b, &hellip;<\/p>\n","protected":false},"author":2,"featured_media":26617,"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-26616","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\/26616","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=26616"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/26616\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/26617"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=26616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=26616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=26616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}