﻿
{"id":8565,"date":"2018-07-16T05:54:41","date_gmt":"2018-07-16T05:54:41","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=8565"},"modified":"2018-07-16T05:54:41","modified_gmt":"2018-07-16T05:54:41","slug":"ecmascript-module-exports-ve-require-komutlari","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/ecmascript-module-exports-ve-require-komutlari\/","title":{"rendered":"ECMAScript &#8211; Module.exports ve Require Komutlar\u0131"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Merhaba,<\/p>\n<p>Bu i\u00e7eri\u011fimizde ECMAScript&#8217;te mod\u00fcller aras\u0131 member ileti\u015fimini sa\u011flayan &#8220;module.exports&#8221; ile &#8220;require&#8221; komutlar\u0131n\u0131 inceliyor olaca\u011f\u0131z.<\/p>\n<p>Diyelim ki, elimizde a\u015fa\u011f\u0131daki gibi bir mod\u00fcl\u00fcm\u00fcz olsun.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n--- module.js ---\r\nconst method1 = () =&gt; {\r\n    console.log(&quot;method1&quot;);\r\n};\r\nconst method2 = () =&gt; {\r\n    console.log(&quot;method2&quot;);\r\n};\r\nconst variable = 3;\r\n<\/pre>\n<p>Bu mod\u00fcl i\u00e7erisindeki &#8220;method1&#8221;, &#8220;method2&#8221; ve &#8220;variable&#8221; elemanlar\u0131n\u0131 farkl\u0131 bir s\u0131n\u0131f, mod\u00fcl ya da kod sayfas\u0131nda kullanmak istiyorsak e\u011fer \u00f6ncelikle mod\u00fcl i\u00e7erisinde ba\u015fka kaynaktan eri\u015filmesini istedi\u011fim elemanlar\u0131 export etmemiz gerekmektedir. Bu i\u015flem i\u00e7inde;<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n--- module.js ---\r\nmodule.exports.method1 = method1;\r\nmodule.exports.method2 = method2;\r\nmodule.exports.variable = variable;\r\n<\/pre>\n<p>\u015feklinde \u00e7al\u0131\u015fmam\u0131z yeterli olacakt\u0131r.<\/p>\n<p>\u015eimdi bir ba\u015fka mod\u00fclden bu kayna\u011fa eri\u015fmek i\u00e7in \u00f6ncelikle bu kaynakta export edilen memberlar\u0131 di\u011fer kaynaktan require etmemiz gerekmektedir.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n--- index.js ---\r\nlet method1 = require(&quot;.\/module&quot;).method1;\r\nlet method2 = require(&quot;.\/module&quot;).method2;\r\nlet variable = require(&quot;.\/module&quot;).variable;\r\n<\/pre>\n<p>Bu i\u015flemden sonra require de\u011ferlerini atad\u0131\u011f\u0131m\u0131z de\u011fi\u015fkenler ilgili member\u0131n yap\u0131sal \u00f6zelli\u011fine b\u00fcr\u00fcnecektirler. Yani &#8220;method1&#8221; ve &#8220;method2&#8221; fonksiyon \u00f6zelli\u011fi g\u00f6sterirken, &#8220;variable&#8221; de\u011fi\u015fken \u00f6zelli\u011fi g\u00f6sterecektir. Dolay\u0131s\u0131yla kullan\u0131mlar\u0131da yap\u0131sal \u00f6zelliklerinin gerektirdi\u011fi \u015fekilde olacakt\u0131r.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n--- index.js ---\r\nmethod1();\r\nmethod2();\r\nconsole.log(variable);\r\n<\/pre>\n<p>Tabi require i\u015flemini yaparken <a href=\"http:\/\/www.gencayyildiz.com\/blog\/ecmascript-6-destructuring\/\" rel=\"noopener\" target=\"_blank\">Destructuring<\/a> \u00f6zelli\u011finide kullanabilmekteyiz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nlet { method1, method2, variable } = require(&quot;.\/module&quot;);\r\n\r\nmethod1();\r\nmethod2();\r\nconsole.log(variable);\r\n<\/pre>\n<p>Bu noktadan itibaren ECMAScript ile farkl\u0131 mod\u00fcller aras\u0131nda ileti\u015fimin nas\u0131l sa\u011fland\u0131\u011f\u0131n\u0131 ve memberlar\u0131n nas\u0131l eri\u015filebilir oldu\u011funu incelemi\u015f olduk.<\/p>\n<p>Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere&#8230;<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar dilerim&#8230;<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Merhaba, Bu i\u00e7eri\u011fimizde ECMAScript&#8217;te mod\u00fcller aras\u0131 member ileti\u015fimini sa\u011flayan &#8220;module.exports&#8221; ile &#8220;require&#8221; komutlar\u0131n\u0131 inceliyor olaca\u011f\u0131z. Diyelim ki, elimizde a\u015fa\u011f\u0131daki gibi bir mod\u00fcl\u00fcm\u00fcz olsun. &#8212; module.js &#8212; const method1 = () =&gt; { console.log(&quot;method1&quot;); };&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":8497,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2443,2145],"tags":[2441,2465,2147,2466],"class_list":["post-8565","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecmascript-6","category-node-js","tag-ecmascript","tag-module-exports","tag-node-js","tag-require"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=8565"}],"version-history":[{"count":2,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8565\/revisions"}],"predecessor-version":[{"id":8567,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8565\/revisions\/8567"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/8497"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=8565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=8565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=8565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}