JavaScript’teki Yeni Operat\u00f6r: Bir Devrim mi?<\/p>\n
JavaScript d\u00fcnyas\u0131nda heyecan verici geli\u015fmeler ya\u015fanmaya devam ediyor. Bunlardan biri de, \u00f6zellikle null ve undefined de\u011ferlerle \u00e7al\u0131\u015f\u0131rken hayat\u0131m\u0131z\u0131 kolayla\u015ft\u0131ran optional chaining (?.) operat\u00f6r\u00fc<\/strong>. Bu makalede, bu yeni operat\u00f6r\u00fcn ne oldu\u011funu, nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131 ve neden bir “game changer” oldu\u011funu ayr\u0131nt\u0131l\u0131 olarak ele alaca\u011f\u0131z.<\/p>\n Optional chaining, nesnelerin \u00f6zelliklerine eri\u015firken, o \u00f6zelliklerin var olup olmad\u0131\u011f\u0131n\u0131 kontrol etmemizi kolayla\u015ft\u0131ran bir operat\u00f6rd\u00fcr. \u00d6nceki y\u00f6ntemlerde, bir nesnenin i\u00e7indeki bir \u00f6zelli\u011fe eri\u015fmeden \u00f6nce, her bir \u00fcst nesnenin varl\u0131\u011f\u0131n\u0131 kontrol etmemiz gerekiyordu. Bu durum, \u00f6zellikle i\u00e7 i\u00e7e ge\u00e7mi\u015f nesnelerle \u00e7al\u0131\u015f\u0131rken kodun okunabilirli\u011fini ve karma\u015f\u0131kl\u0131\u011f\u0131n\u0131 art\u0131r\u0131yordu. Optional chaining sayesinde, bu uzun ve karma\u015f\u0131k kontrol ifadelerini tek bir operat\u00f6rle yerine getirebiliyoruz.<\/p>\n Optional chaining’in kullan\u0131m\u0131 olduk\u00e7a basittir. \u00d6rne\u011fin, a\u015fa\u011f\u0131daki gibi bir nesnemiz olsun:<\/p>\n Eskiden, E\u011fer Optional chaining’in en b\u00fcy\u00fck avantaj\u0131, kodun okunabilirli\u011fini ve bak\u0131m\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde kolayla\u015ft\u0131rmas\u0131d\u0131r. Uzun ve karma\u015f\u0131k ifadeleri k\u0131sa ve \u00f6z hale getirir. Ayr\u0131ca, null veya undefined de\u011ferler nedeniyle olu\u015fan hatalar\u0131 \u00f6nler. Sonu\u00e7 olarak, daha az kodla daha fazla i\u015f yapmam\u0131z\u0131 sa\u011flar ve geli\u015ftirme s\u00fcrecini h\u0131zland\u0131r\u0131r.<\/p>\n Optional chaining genellikle nullish coalescing (??) operat\u00f6r\u00fc ile birlikte kullan\u0131l\u0131r. Bu kod, Optional chaining (?.) operat\u00f6r\u00fc, JavaScript’e \u00f6nemli bir iyile\u015ftirme getirmi\u015ftir. Kod okunabilirli\u011fini art\u0131r\u0131rken, hata y\u00f6netimini kolayla\u015ft\u0131r\u0131r ve geli\u015ftirme s\u00fcrecini h\u0131zland\u0131r\u0131r. Bu operat\u00f6r, modern JavaScript geli\u015ftirmede olmazsa olmazlardan biri haline gelmi\u015ftir. Daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> sitesini ziyaret edebilirsiniz. Ayr\u0131ca konuyla ilgili daha detayl\u0131 bilgi i\u00e7in buraya<\/a> bakabilirsiniz.<\/p>\n #Etiketler: JavaScript, optional chaining, ?., operat\u00f6r\u00fc, JavaScript operat\u00f6r\u00fc, kod okunabilirli\u011fi, programlama, web geli\u015ftirme, nullish coalescing, ??, Fatih Soysal<\/p>\n <\/body>Optional Chaining (?.) Nedir?<\/h2>\n
Optional Chaining’in Kullan\u0131m\u0131<\/h2>\n
\nconst user = {\n address: {\n street: \"\u00d6rnek Sokak\",\n city: \"\u0130stanbul\"\n }\n};\n<\/code><\/pre>\nuser.address.street<\/code> de\u011ferine eri\u015fmeden \u00f6nce, user<\/code> ve user.address<\/code>‘in varl\u0131\u011f\u0131n\u0131 kontrol etmemiz gerekiyordu. Ancak optional chaining ile bunu \u015f\u00f6yle yap\u0131yoruz:<\/p>\n\nconst street = user?.address?.street; \n<\/code><\/pre>\nuser<\/code> veya user.address<\/code> tan\u0131ms\u0131z ise (undefined<\/code> veya null<\/code>), street<\/code> de\u011fi\u015fkeni undefined<\/code> olarak atanacakt\u0131r. Bu sayede, hata almadan g\u00fcvenli bir \u015fekilde nesne \u00f6zelliklerine eri\u015febiliriz. Bu durum, \u00f6zellikle API \u00e7a\u011fr\u0131lar\u0131 gibi belirsiz verilerle \u00e7al\u0131\u015f\u0131rken olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\nAvantajlar\u0131 Nelerdir?<\/h2>\n
Optional Chaining ve Nullish Coalescing (??) Operat\u00f6r\u00fc<\/h2>\n
??<\/code> operat\u00f6r\u00fc, sol taraftaki de\u011fer null<\/code> veya undefined<\/code> ise sa\u011f taraftaki de\u011feri d\u00f6nd\u00fcr\u00fcr. Bu iki operat\u00f6r\u00fcn birlikte kullan\u0131m\u0131, kodda daha da fazla sadele\u015fme sa\u011flar. \u00d6rne\u011fin:<\/p>\n\nconst street = user?.address?.street ?? \"Bilinmiyor\";\n<\/code><\/pre>\nuser.address.street<\/code> de\u011feri null<\/code> veya undefined<\/code> ise “Bilinmiyor” de\u011ferini d\u00f6nd\u00fcr\u00fcr.<\/p>\nSonu\u00e7<\/h2>\n
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript’teki Yeni Operat\u00f6r: Bir Devrim mi? JavaScript d\u00fcnyas\u0131nda heyecan verici geli\u015fmeler ya\u015fanmaya devam ediyor. Bunlardan biri de, \u00f6zellikle…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-10286","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n