關於 web reference ，我們在網路上蒐集到這些相關的討論、資訊與評價

Part of the Gucci Beloved collections, the Gucci Horsebit 1955 is updated with a hybrid twist in GG canvas with a white leather trim and Web strap. The double ring and bar Horsebit design is borrowed from the equestrian world in a reference to the brand’s history. Discover more on.gucci.com/Ouverture_.

💡 สวัสดีจ้าเพื่อน ๆ วันนี้แอดจะพาเพื่อน ๆ มารู้จักกับ Operator จาก JavaScript ที่จะช่วยให้เพื่อน ๆ เข้าถึงข้อมูลใน Object ได้ง่ายมากขึ้น !!
.
🌈 และเจ้านี่คือ...Optional chaining (?.) นั่นเองจ้า จะเป็นยังไง มีรายละเอียด และวิธีการใช้งานยังไง ไปติดตามกันได้ในโพสต์นี้เลยจ้า ~~
.
✨ Optional chaining (?.) - เป็นตัวดำเนินการที่ทำให้เราสามารถอ่านค่าใน Object ที่ซ้อนกันหลาย ๆ ชั้นได้ง่ายมากขึ้น เขียนง่าย และทำให้โค้ดสั้นลงนั่นเอง
.
จริง ๆ แล้วมันก็เหมือนเราใช้ เครื่องหมายจุด (.) นั่นแหละ แต่ความพิเศษของมันก็คือถ้าในกรณีไม่มีค่าใน Object หรือ Function มันจะ Return เป็น Undefined แทน Error
.
👨‍💻 Syntax
.
obj.val?.prop
obj.val?.[expr]
obj.arr?.[index]
obj.func?.(args)
.
📑 วิธีการใช้งาน
.
❤️ ตัวอย่าง 1 : ใช้เข้าถึงข้อมูลใน Object

let customer = {
name: "Mew",
details: {
age: 19,
location: "Ladprao",
city: "bangkok"
}
};
let customerCity = customer.details?.city;
console.log(customerCity);
//output => bangkok
.
❤️ ตัวอย่าง 2 : ใช้กับ Nullish Coalescing

let customer = {
name: "Mew",
details: {
age: 19,
location: "Ladprao",
city: "bangkok"
}
};
const customerName = customer?.name ?? "Unknown customer name";
console.log(customerName); //output => Mew
.
❤️ ตัวอย่าง 3 : ใช้กับ Array

const obj1 = {
arr1:[45,25,14,7,1],
obj2: {
arr2:[15,112,9,10,11]
}
}
console.log(obj1?.obj2?.arr2[1]); // output => 112
console.log(obj1?.arr1[5]); // output => undefined
.
📑 Source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#javascript #optionalchaining #BorntoDev

💡 เพื่อน ๆ มือใหม่หัดเขียน JavaScript หลาย ๆ คนอาจจะเคยเห็นเครื่องหมาย ?? และ || ในโปรแกรมแล้วไม่รู้ว่ามันคืออะไร และทำงานยังไง วันนี้เรามาไขข้อสงสัยกันเถอะ !! กับสรุปสั้น ๆ วิธีการใช้งาน Nullish Coalescing Operator
.
มันคืออะไร และใช้งานยังไง หากพร้อมแล้วไปอ่านกันเลยจ้าาาาา~~
.
🌟 Nullish Coalescing Operator
.
Nullish Coalescing (??)
เป็นตัวดำเนินการตรรกะที่จะ Return ค่าทางขวามือเมื่อค่าทางซ้ายเป็น Null หรือ Undefined
.
👨‍💻 Syntax
leftExpr ?? rightExpr
.
📑 ตัวอย่าง
const name1 = null ?? 'Oreo';
console.log(name1);

//output => Oreo
.
OR (||) - เป็นตัวดำเนินการตรรกะ จะ Return ค่าทางขวามือหากทางซ้ายมือเป็นเท็จ (0, ' ', NaN, null, undefined)
.
📑 ตัวอย่าง
let tu = null;
let text = tu || 'stupid!';
console.log(text); // output => stupid!
.
สามารถใช้ร่วมกับ OR (||) และ AND (&&) ได้แต่ต้องใช้วงเล็บ () เพื่อจัดลำดับความสำคัญของตัวดำเนินการด้วยนะ !!
.
📑 ตัวอย่าง OR (||)
let y = (false || true) ?? "foo"
console.log(y) // output => true
.
📑 ตัวอย่าง AND (&&)
let x = (false && true) ?? "foo"
console.log(x) //output => false
.
💥 Source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน

?CÁC SẢN PHẨM DUY ĐỀ CẬP
Neutrogena Pure & Free Baby Sunscreen Broad Spectrum SPF50+
►https://shorten.asia/uB6cvePA

Kem Chống Nắng Cho Trẻ Sơ Sinh & Em Bé Very High Protection Sun Lotion Mustela 40ml
►https://shorten.asia/kGEbMKRN
►https://shorten.asia/rkmfcM1X

Kem chống nắng cho bé BAbyganics 59ml
►https://shorten.asia/AKqP6nGA ( dạng kem )
►https://shorten.asia/S7Cx3Fvb ( dạng kem )
►https://shorten.asia/DzRJssAW ( dạng xịt )

Sữa chống nắng cho bé và da nhạy cảm Sunplay Baby Mild SPF 35, PA++ 30g
►https://shorten.asia/2b7rJHEb
►https://shorten.asia/cEebRqFT

?Source
US
[1] https://www.fda.gov/drugs/understanding-over-counter-medicines/sunscreen-how-help-protect-your-skin-sun
[2] https://www.fda.gov/regulatory-information/search-fda-guidance-documents/labeling-and-effectiveness-testing-sunscreen-drug-products-over-counter-human-use-small-entity
[3] https://www.fda.gov/consumers/consumer-updates/should-you-put-sunscreen-infants-not-usually
AUSTRALIA
[1] https://www.tga.gov.au/community-qa/sunscreens-information-consumers
[2] https://www.tga.gov.au/media-release/australian-sunscreens
[3] https://www.cancer.org.au/cancer-information/causes-and-prevention/sun-safety/about-sunscreen/sunscreen-faqs
[4] https://wiki.cancer.org.au/policy/Position_statement_-_Sun_protection_and_infants_(0-12_months)?_ga=2.193016237.1835762560.1609036111-1207462581.1609036111
[5] https://www.choice.com.au/babies-and-kids/children-and-safety/avoiding-common-dangers/articles/sunscreen-for-babies
EUROPE
[1] https://www.edqm.eu/en/cosmetics-children-under-age-three
[2] https://cosmeticobs.com/en/articles/european-commission-45/cosmetics-for-children-european-recommendations-for-an-increased-safety-1080
[3] https://ec.europa.eu/consumers/consumers_safety/safety_products/rapex/alerts/?event=viewProduct&reference=A12/00123/20&lng=en


?CMD cosmetics https://www.instagram.com/cmd.cosmetics/
? Group Review Cộng đồng tiêu dùng mỹ phẩm : https://www.facebook.com/groups/2045451282406040/
?Group các sản phẩm skincare cho bà bầu : https://www.facebook.com/groups/733319650824377/
?Web phân tích thành phần: http://callmeduy.com/
?Video hướng dẫn sử dụng web phân tích https://youtu.be/hjIUrdnDrfQ
?FOLLOW ME ON SOCIAL:
?Instagram: https://www.instagram.com/vuduy2412/
?Facebook: https://www.facebook.com/gsvuduy2412
?Mail : gsvuduy2412@gmail.com

Reference Link:
https://www.digitaltruth.com/

如果欣賞我們《膠攝現場》請Comment Like 同Share 我們的YouTube頻道同facebook Page啦！
網站：https://plasticphoto.hk
Youtube：https://www.youtube.com/plasticphoto
Facebook：https://www.facebook.com/plasticphoto/

主持人個人專頁

Joey： https://www.facebook.com/joeypongpage/
Joey IG: https://www.instagram.com/joeypong/
Colin： https://www.facebook.com/pklamfoto/
Colin IG：https://www.instagram.com/colinpklam
Karhoo: http://www.facebook.com/chowkarhoofans
Karhoo IG: http://www.instagram.com/chowkarhoophotography
Karhoo IG: http://www.instagram.com/karhoofilm
Karhoo web: http://www.chowkarhoo.com

Reference:
1. cluster of galaxies 星系團
NASA, ESA, M.J. Jee and H. Ford (Johns Hopkins University)
2. galaxy 星系
圖片來源：哈伯太空望遠鏡NASA／ESA。
3. star cluster 星團
The globular cluster Messier 15 photographed by HST.
4. nebula 星雲
NGC 604, a nebula in the Triangulum Galaxy
5. star 恆星
The Sun photographed at 304 angstroms by the Atmospheric Imaging Assembly (AIA 304) of NASA's Solar Dynamics Observatory (SDO).
6. planet 行星
NASA/Lunar and Planetary Laboratory
7. dwarf planet 矮行星
https://zi.media/@yidianzixun/post/DFj2z4
8. satellite 衛星
https://zh.wikibooks.org/zh-hk/Wikijunior:%E5%A4%AA%E9%98%B3%E7%B3%BB/%E6%9C%88%E7%90%83#/media/File:Moon.jpg

HKDSE Mathematics 數學天書 訂購表格及方法︰ https://sites.google.com/view/hermanyeung
課程簡介︰ https://youtu.be/KKTtzLkpyO8
------------------------------------------------------------------------------
Please subscribe 請訂閱 :
https://www.youtube.com/hermanyeung?sub_confirmation=1
------------------------------------------------------------------------------
Blogger︰ https://hermanutube.blogspot.hk/2016/02/herman-yeung-main-menu.html
Facebook︰ https://www.facebook.com/hy.page
YouTube︰ https://www.youtube.com/HermanYeung
Instagram︰ https://www.instagram.com/hermanyeung_hy
------------------------------------------------------------------------------
HKDSE Physics 全彩筆記免費下載：https://hermanutube.blogspot.hk/2016/01/youtube-pdf.html
------------------------------------------------------------------------------
HKDSE Physics 所有 videos 的 Playlist 可看： https://www.youtube.com/playlist?list=PLzDe9mOi1K8onyKY5YNHBEAUroREi6g_l
分類的 Playlist 可看：
Chapter 1： https://www.youtube.com/playlist?list=PLzDe9mOi1K8r1VzD22N_eezX-EIWfXLKc
Chapter 2： https://www.youtube.com/playlist?list=PLzDe9mOi1K8q67FvzRCEfYfzJt1uJCBGG
Chapter 3： https://www.youtube.com/playlist?list=PLzDe9mOi1K8qlrmp0qYZNRLLeKSefA1G0
Chapter 4： https://www.youtube.com/playlist?list=PLzDe9mOi1K8oISTl7QPvyjm3sox-0hdNU
Chapter 5： https://www.youtube.com/playlist?list=PLzDe9mOi1K8pf3k39dBJGU5XPu9ak7rn0
Chapter 6： https://www.youtube.com/playlist?list=PLzDe9mOi1K8p0WEHHxq3O1l2vXYUF01gC
Chapter 7： https://www.youtube.com/playlist?list=PLzDe9mOi1K8r44a11r6KnXutpfM40P8kQ
Chapter 8： https://www.youtube.com/playlist?list=PLzDe9mOi1K8o4zOgxvPlXfIRVPQxLTSBK
Chapter 9： https://www.youtube.com/playlist?list=PLzDe9mOi1K8p4FBxbRyDNkC9SIt3vKZCf
Notes Only version：https://www.youtube.com/playlist?list=PLzDe9mOi1K8roLeyzd2kS942Jx6AHqCd0
------------------------------------------------------------------------------
HKDSE Physics Past Paper Solution：
https://www.youtube.com/playlist?list=PLzDe9mOi1K8oil8jaHDh0t6E1Qqr6RCME
HKCEE Physics Past Paper Solution：
https://www.youtube.com/playlist?list=PLzDe9mOi1K8oI3z8QldRZ_HTMO4W2jcEN
HKALE Physics Past Paper Solution：
https://www.youtube.com/playlist?list=PLzDe9mOi1K8rZyYZRN-1-8Y4mStqRsGJ4
Past Paper (香港公共圖書館): https://mmis.hkpl.gov.hk/web/guest/hkcee-and-hkale-papers-collection
------------------------------------------------------------------------------
Please subscribe 請訂閱 :
https://www.youtube.com/hermanyeung?sub_confirmation=1
------------------------------------------------------------------------------
HKDSE Mathematics 數學天書 訂購表格及方法︰
http://goo.gl/forms/NgqVAfMVB9
------------------------------------------------------------------------------
Blogger︰ https://hermanutube.blogspot.hk/2016/02/herman-yeung-main-menu.html
Facebook︰ https://www.facebook.com/hy.page
YouTube︰ https://www.youtube.com/HermanYeung
Instagram︰ https://www.instagram.com/hermanyeung_hy
------------------------------------------------------------------------------