💡 สวัสดีจ้าเพื่อน ๆ วันนี้แอดจะพาเพื่อน ๆ มารู้จักกับ 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 return function」的推薦目錄:
- 關於javascript return function 在 BorntoDev Facebook 的最佳解答
- 關於javascript return function 在 BorntoDev Facebook 的最讚貼文
- 關於javascript return function 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最讚貼文
- 關於javascript return function 在 Functions that return a function - Stack Overflow 的評價
- 關於javascript return function 在 Returning Multiple Values from a Function - JavaScript Tutorial 的評價
- 關於javascript return function 在 JavaScript Function Return Statements - YouTube 的評價
- 關於javascript return function 在 Return a Value from a Function with Return - GitHub 的評價
- 關於javascript return function 在 JavaScript 一級函式(First Class Functions) - 前端,沒有極限 的評價
- 關於javascript return function 在 Is it possible to access javascript return value outside of ... 的評價
javascript return function 在 BorntoDev Facebook 的最讚貼文
🎁 วันนี้มาพบกับช่วงของดีบอกต่อกับคอร์ส TypeScript Course for Beginners 2021 จากช่อง Academind ที่จะทำให้เราเขียน Typescript เป็นภายใน 3 ชม. !!
.
📚 คลิปนี้ประกอบด้วยเนื้อหาที่จะช่วยให้เราเข้าใจ Typescript ซึ่งเล่าตั้งแต่ที่มา และยังเข้าใจความแตกต่างของ TypeScript และ JavaScript อีกด้วยนะ แถมยังเป็นการสอนแบบอธิบายโค้ดให้ดูเลย เข้าใจง่ายมากเลยคร้าบบ
.
⚡สำหรับคลิปนี้ประกอบด้วยเนื้อหาดังนี้ (อ้างอิงจาก Timestamp)
✅Getting Started
✅What is TypeScript
✅Installing & Using TypeScript
✅The Advantages of TypeScript
✅Course Outline
✅How to Get the Most out of This Course
✅Setting Up our Development Environment
✅The Course Project Setup
✅Module Introduction
✅Using Types
✅TypeScript Types vs JavaScript Types
✅Numbers, Strings and Booleans
✅Type Assignment and Type Inference
✅Object Types
✅Array Types
✅Tuples
✅Enums
✅The Any Type
✅Union Types
✅Literal Types
✅Type Aliases
✅Function Return Types and Void
✅Function Types
✅Function Types and Callbacks
✅The Unknown Type
✅The Never Type
✅Wrap Up
✅Module Introduction
✅Watch Node
✅Compiling the Entire Project
✅Include and Exclude Files
✅Setting a Compilation Target
✅Understanding TypeScript Libs
✅More Options
✅Source Maps
✅Rootdir and Outdir
✅noemit on Error
✅Strict Compilation Options
✅Code Quality Options
✅Debugging with Visual Studio Code
✅Wrap Up
.
💥ถ้าใครสนใจคอร์สนี้ กดลิงค์เข้าไปเรียนกันเลยจ้า !!! >>
https://www.youtube.com/watch?v=BwuLxPH8IDs
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
javascript return function 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最讚貼文
(ดูเฉลยข้างล่าง)
.
.
.
.
.
.
.
.
.
.
.
.
โค้ดนี้เขียนด้วยภาษา javascript
ฝั่งซ้ายมือคนดู เขียนแบบฟังก์ชันปกติธรรมดา เป็นการรีเทิร์น return a*b*c ตรงไปตรงมา
.
.
ฝั่งขวามือคนดู ที่แปลกประหลาดพิสดาร
- เป็นการใช้ inner function ประกาศฟังก์ชันซ้อนกัน 3 ตัว
- มีการใช้ closures
ทำให้ฟังก์ชันลูกมองเห็นและจำค่าตัวแปรของฟังก์ชันก่อนหน้าที่ครอบข้างนอกมันได้
- จึงทำให้เวลาเรียก cal() ทีละครั้ง ตัวประโยค return a*b*c เสมือนประมวลผลนิพจน์ (expressioin) บางส่วนเอาไว้
.
โดยทั้งนี้โค้ดสองตัวอย่างให้ผลลัพธ์เหมือนกัน ฝั่งขวามือจะออกแนว functional programming หน่อยๆ แต่จะเปลือง call stack
.
.
ต่อไปคือชั่วโมงขายของ
ถ้าใครสนใจความแปลกประหลาดพิสดารของภาษา javascript (คนละตัวกับภาษา java นะ) ภาษาที่ขึ้นชื่อว่าเข้าใจยากทีสุดตัวหนึ่ง ก็แนะนำอ่านหนังสือในตำนาน เพราะพิมพ์มานาน ได้จากเล่มนี้
.
https://www.se-ed.com/…/พัฒนาเว็บแอปพลิเคชั่นด้วย-JavaScrip…
.
✍เขียนโดย โปรแกรมเมอร์ไทย thai programmer
javascript return function 在 Returning Multiple Values from a Function - JavaScript Tutorial 的推薦與評價
JavaScript functions can return a single value. To return multiple values from a function, you can pack the return values as elements of an array or as ... ... <看更多>
javascript return function 在 JavaScript Function Return Statements - YouTube 的推薦與評價
JavaScript Function Return Statements ... Combine the basics of your declared functions with parameters ... ... <看更多>
javascript return function 在 Functions that return a function - Stack Overflow 的推薦與評價
... <看更多>
相關內容