💡 สวัสดีจ้าเพื่อน ๆ วันนี้แอดจะพาเพื่อน ๆ มารู้จักกับ 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 function object」的推薦目錄:
- 關於javascript function object 在 BorntoDev Facebook 的精選貼文
- 關於javascript function object 在 BorntoDev Facebook 的最讚貼文
- 關於javascript function object 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳解答
- 關於javascript function object 在 The Ultimate Guide to the JavaScript Function Type 的評價
- 關於javascript function object 在 Is `Object` a function in JavaScript? - Stack Overflow 的評價
- 關於javascript function object 在 FunctionObject (rhino 1.7.14-SNAPSHOT API) 的評價
- 關於javascript function object 在 The Arguments Object in Functions - JavaScript Tutorial 的評價
- 關於javascript function object 在 GitHub - ryanmcdermott/clean-code-javascript 的評價
javascript function object 在 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 function object 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳解答
การเขียนโปรแกรมเชิงวัตถุ หรือ Object Oriented Programming (OOP)
ข้อมูลกับฟังก์ชั่น จะห่อรวมกันเป็นก้อนเดียวกัน เรียกว่า "encapsulation"
ซึ่งข้อมูลกับฟังก์ชั่น ที่เก็บรวมกันเป็นก้อนๆ จะเก็บไว้ในหน่วยความจำ
ก้อนดังกล่าวในหน่วยความจำจะเรียกว่า อ็อบเจ็กต์ (Object)
.
ภาษาเขียนโปรแกรมส่วนใหญ่จะเก็บอ็อบเจ็กต์
ไว้ในหน่วยความจำที่เรียกว่า heap memory
แยกต่างหาจาก stack memory
แต่บางภาษาเช่น C++ เก็บอ็อบเจ็กต์ใน Stack memory ได้ด้วย
.
ส่วนข้อมูลที่อยู่ในก้อนอ็อบเจ็กต์
ก็จะจำไว้ ไม่ได้หายไปไหน
แก้ไขได้เปลี่ยนข้อมูล
จึงอาจเรียกข้อมูลว่าเป็น state (ของอ็อบเจ็กต์)
ถ้าก้อนอ็อบเจ็กต์โดยเคลียร์ทิ้งจากหน่วยความจำ
ข้อมูลภายในก็จะหายไปเช่นกัน
.
ใน JavaScript
มันจะมีท่าพิเศษ ใช้ inner function
ซึ่งมีความสามารถจำข้อมูลของแปรของฟังก์ชั่นข้างนอก
ที่มาห่อฟังก์ชั่นข้างในได้
สามารถจำตัวแปรใน stack memory ของฟังก์ชั่นข้างนอกที่มาห่อ
จำได้ว่ามันเก็บอะไร
สามารถแก้ไข เปลี่ยนข้อมูลได้เช่นกัน
เลยสามารถมาเขียนเลียนแบบเขียนโปรแกรมเชิงวัตถุได้เล่นๆ
.
.
++++ขอประชาสัมพันธ์++++++
ใครสนใจศึกษาจาวาสคริปต์ (JavaScript)
คนละภาษากับ Java
เผื่ออนาคตจะเอาไปต่อยอด
พัฒนาเว็บไซต์
ก็อุดหนุนหนังสือเล่มนี้ได้ ที่ซีเอ็ด
https://www.se-ed.com/product-search/จตุรพัชร์-พัฒนทรงศิวิไล.aspx?keyword=จตุรพัชร์+พัฒนทรงศิวิไล
.
✍เขียนโดย โปรแกรมเมอร์ไทย thai programmer
.
.
javascript function object 在 Is `Object` a function in JavaScript? - Stack Overflow 的推薦與評價
... <看更多>
相關內容
javascript function object 在 FunctionObject (rhino 1.7.14-SNAPSHOT API) 的推薦與評價
Nested classes/interfaces inherited from class org.mozilla.javascript.ScriptableObject ... Create a JavaScript function object from a Java method. ... <看更多>
javascript function object 在 The Ultimate Guide to the JavaScript Function Type 的推薦與評價
All functions in JavaScript are objects. They are the instances of the Function type. Since functions are objects, they have properties and methods like ... ... <看更多>