สิ่งตีพิมพ์ในหัวข้อ 'es6'
สแต็กปฏิกิริยาที่ง่ายที่สุด
การเริ่มต้นระบบและการจัดการสถานะ
ฉันกำลังค้นหา React Stack ที่ง่ายที่สุด จะต้องได้รับการพิสูจน์ในอนาคตและเต็มไปด้วยฟีเจอร์ แต่ที่สำคัญที่สุดคือจะต้องใช้งานง่าย
ในซีรีส์นี้ ฉันจะมองหาโซลูชันที่ใช้งานง่ายเพื่อใช้งาน "React TodoMVC" เวอร์ชันคลาสสิกที่ได้รับการปรับปรุง เมื่อฉันคิดว่าฉันสามารถบรรลุสิ่งที่ง่ายกว่านี้ได้ ฉันจะสร้างไลบรารีตัวช่วยด้วยตัวเอง หัวข้อต่อไปนี้น่าจะครอบคลุมก่อนตอนจบ
การบูตสแตรปปิ้ง การจัดการของรัฐ การกำหนดเส้นทาง จัดแต่งทรงผม เครือข่าย การทดสอบ โฮสติ้ง..
ทุกอย่างเกี่ยวกับ var, let และ const ใน JavaScript
ให้และ const
let และ const เป็นสองคุณสมบัติใหม่ใน ES6 ไวยากรณ์เหล่านี้ใช้สำหรับการประกาศตัวแปร
Let ใช้สำหรับการประกาศตัวแปรที่ไม่แน่นอน ในตัวอย่างด้านล่าง ตัวแปรชื่อ 'ชื่อ' นั้นไม่แน่นอน นั่นหมายความว่าเราสามารถเปลี่ยนค่าของมันได้ในภายหลัง
let name = 'Tanvir';
name = 'Tanvir Rahman';
console.log(name)
const ใช้สำหรับการประกาศตัวแปรที่ไม่เปลี่ยนรูป นั่นหมายความว่าเราไม่สามารถเปลี่ยนค่าได้ในภายหลังเมื่อ กำหนด หรือ ประกาศ
const FAVOURITE_LANGUAGE= 'JavaScript';..
ES6 จำเป็นต้องรู้
ES6 ออกมาแล้ว การสนับสนุนเบราว์เซอร์นั้นดีจริง ๆ และหากยังไม่เพียงพอสำหรับคุณ ก็ยังมี Babel อยู่เสมอ ดังนั้นมาเร่งความเร็วด้วยฟีเจอร์ใหม่ที่สำคัญและยอดเยี่ยมที่สุดกันดีกว่า
ให้มี Const
ขอบเขต ใน JavaScript เป็นสิ่งที่คนส่วนใหญ่ไม่คุ้นเคย เนื่องจากเรามีสิ่งที่เรียกว่า "โฮสติ้งแบบแปรผัน" ซึ่งจะดึงตัวแปรทั้งหมดออกมาและกำหนดไว้ที่ด้านบนสุดของขอบเขต ขอบเขตของพวกเขาเป็นทั้งระดับโลกหรือฟังก์ชั่นโดยรอบแรก ตัวอย่างคลาสสิกที่นี่คือ for for loop
function foo() {
for(var i = 0; i <..
ขอบเขตใน Javascript
ขอบเขตใน Javascript
หากเราต้องการซื้อสินค้าจาก Amazon ที่ไม่มี คุณไม่สามารถซื้อสินค้าได้เนื่องจาก Amazon สามารถขายสินค้าที่อยู่ในสินค้าคงคลังได้ เราต้องหาร้านอื่นเพื่อซื้อสินค้า
ในการเขียนโปรแกรม แนวคิดนี้เรียกว่าขอบเขต (ในทางเทคนิคเรียกว่าขอบเขตคำศัพท์) ใน Javascript แต่ละฟังก์ชันจะได้รับขอบเขต ขอบเขตคือชุดของตัวแปรตลอดจนกฎเกี่ยวกับวิธีการเข้าถึงตัวแปรเหล่านี้ด้วยชื่อ
ตัวแปรควรไม่ซ้ำกันภายในขอบเขต แต่ชื่อเดียวกันอาจปรากฏในขอบเขตที่ต่างกันได้
function one(){
// This 'a'..
ตัวแปร const บางตัวสามารถเปลี่ยนแปลงได้
ตัวแปร const บางตัวสามารถเปลี่ยนแปลงได้ มันไม่ได้กลายเป็นตัวแปรแบบอ่านอย่างเดียว แต่เป็นเลเยอร์แรกที่มีการป้องกันมากกว่า
หากคุณสร้างสตริงด้วย const คุณจะไม่สามารถเปลี่ยนแปลงสตริงได้ แต่ถ้าคุณสร้างวัตถุว่างด้วย const คุณสามารถเพิ่มค่าให้กับวัตถุและเปลี่ยนค่าเหล่านั้นได้
ตัวอย่างเช่น คุณสามารถทำสิ่งต่อไปนี้:
const obj = {};
const.hello = 'สวัสดี';
const.hello = 'ลาก่อน';
console.log(const) // วัตถุ {สวัสดี: “ลาก่อน”}
จาวาสคริปต์ ES6
ES6 ย่อมาจาก ECMAScript 2015 Javascript เปิดตัว es6 เพื่อคุณภาพโค้ดที่ดีขึ้น หรือเราจะกำหนดมาตรฐานของเราในโค้ดก็ได้ ที่นี่ ES6 ได้แนะนำประเด็นเหล่านี้:
ให้คำหลัก : ให้ เป็นคำหลักเพื่อสร้างตัวแปรขอบเขตท้องถิ่นในระดับบล็อก ขอบเขตท้องถิ่นหมายถึงให้คำหลักค้นหาบล็อกที่รวมไว้ ตัวอย่างเช่น : function Test(x) {
if(x == 1) {
ให้ y = x;
}
console.log(y); // Output : เราจะได้รับข้อผิดพลาดเนื่องจากตัวแปร y ไม่สามารถประเมินได้นอกบล็อก "if" {} หมายถึง บล็อก }
คำหลัก Const: คำหลัก Const..
ES6 Block Bindings, ฟังก์ชั่น, การทำลายโครงสร้างและคลาส
วันที่ 5 ของการเรียนรู้ JavaScript — เหตุการณ์สำคัญ 1
บทความนี้เขียนขึ้นเล็กน้อยตามบทช่วยสอน Leanpub - การทำความเข้าใจ ES6 สำหรับคำอธิบายและตัวอย่างเพิ่มเติม โปรดเยี่ยมชมเว็บไซต์
1. Block Bindings: แทนที่ IIFE โดยใช้ 'let'
เราสามารถแทนที่ IIFE และรับผลลัพธ์เดียวกันโดยการประกาศ let ภายในลูป ในการโยงบล็อก เพื่อให้โค้ดสะอาดตายิ่งขึ้น เราสามารถใช้ let แทน var ได้ ต่างจาก IIFE สิ่งที่ IIFE ทำคือการประกาศตัวแปรลูปเป็น var..
