จาวาสคริปต์ ES6

ES6 ย่อมาจาก ECMAScript 2015 Javascript เปิดตัว es6 เพื่อคุณภาพโค้ดที่ดีขึ้น หรือเราจะกำหนดมาตรฐานของเราในโค้ดก็ได้ ที่นี่ ES6 ได้แนะนำประเด็นเหล่านี้:

ให้คำหลัก : ให้ เป็นคำหลักเพื่อสร้างตัวแปรขอบเขตท้องถิ่นในระดับบล็อก ขอบเขตท้องถิ่นหมายถึงให้คำหลักค้นหาบล็อกที่รวมไว้
ตัวอย่างเช่น :
function Test(x) {

if(x == 1) {

ให้ y = x;

}

console.log(y); // Output : เราจะได้รับข้อผิดพลาดเนื่องจากตัวแปร y ไม่สามารถประเมินได้นอกบล็อก "if" {} หมายถึง บล็อก
}

คำหลัก Const: คำหลัก Const ช่วยสร้างตัวแปรคงที่ซึ่งเราไม่สามารถเปลี่ยนแปลงได้ในระหว่างรันไทม์
ตัวอย่างเช่น : const array = [“User1”, “User2”];
อาร์เรย์ = [“User3”]; //นี่ใช้ไม่ได้เพราะถ้าเรากำหนดค่าให้กับคีย์เวิร์ด const เราก็เปลี่ยนไม่ได้ เราสามารถพุชบางรายการเข้าไปในตัวแปรอาเรย์ได้
array.push(“User3”); // คุณจะได้รับอาร์เรย์ใหม่ ["User1", "User2", "User3"];

สำหรับ... of Loop: ช่วยให้คุณสามารถวนซ้ำวัตถุที่สามารถทำซ้ำได้ (อาร์เรย์ เซต แผนที่ สตริง ฯลฯ) เปิดตัว es6 เวอร์ชันใหม่กว่า

for (element of iterable) {
    //Every element in the iterable, run the body of the loop.
}

ชุด : ชุดคล้ายกับอาร์เรย์ที่เก็บหลายรายการ เช่น ตัวเลข วัตถุ สตริงที่ไม่สามารถมีค่าที่ซ้ำกัน ในภาษาง่ายๆ เราสามารถพูดได้ว่า Set ลบค่าที่ซ้ำกันในอาเรย์
ตัวอย่างเช่น:
var test = [“Test”, “Test2”, “Test”];
ชุดใหม่ (ทดสอบ); //นั่นคือการส่งคืนวัตถุชุดเพื่อลบรายการที่ซ้ำกันหากเราต้องส่งคืนอาร์เรย์แล้ว
[ชุดใหม่ (ทดสอบ)];

ฟังก์ชันลูกศร : ช่วยให้เราสร้างฟังก์ชันได้อย่างชัดเจนหากเทียบกับฟังก์ชันปกติ เราคือ. การสร้างตัวแปรและการกำหนดฟังก์ชัน
ตัวอย่างเช่น:
// Regular function let x = function(x, y) { return x * y; } // using arrow functions let x = (x, y) => x * y; //We have create a variable with name x and we have assigned the function to return multiplication of two variable x(2,3); //Output 6

คลาส : ใน JavaScript คลาสจะช่วยในการสร้างวัตถุตัวสร้างที่คล้ายกัน
ตัวอย่างเช่น:

// creating a class
class Test {
  constructor(name) {
    this.name = name;
  }
}
new Person('Jagjeet');
// constructor function
function Test2 () {
    this.name = 'Jagjeet',
    this.age = 26
}
const user = new Test2();// create an object
console.log(user.name)

โมดูล : นำเข้าและส่งออก

เราสามารถสร้างหลายฟังก์ชันได้ในไฟล์เดียว และเราต้องการใช้ฟังก์ชันนั้นอีกไฟล์หนึ่งตามความต้องการของเราในการส่งออก เพื่อให้ฟังก์ชันนั้นสามารถเข้าถึงได้ในไฟล์อื่นด้วยความช่วยเหลือในการนำเข้า

ตัวอย่างเช่น:
// We have file validation.js function isNotEmpty(value) {

if(!value) return false;

else return true; } exportค่าเริ่มต้น isNotEmpty; // another file import isNotEmpty from './validation.js';

สัญญา : มันจะช่วยให้คุณดำเนินการแบบอะซิงโครนัสในจาวาสคริปต์ สัญญามีสามสถานะ
- รอดำเนินการ
- ปฏิบัติตามแล้ว
- ถูกปฏิเสธ

// returns a promise
let testPromise = new Promise(function (resolve, reject) {
   reject('Promise rejected'); 
});

// executes when promise is resolved successfully
testPromise.then(
    function successValue(result) {
        console.log(result);
    },
 )
// executes if there is an error
.catch(
    function errorValue(result) {
        console.log(result);
    }
);

//เอาต์พุต
สัญญาถูกปฏิเสธ

พารามิเตอร์ Rest และตัวดำเนินการ Spread :
ตัวดำเนินการส่วนที่เหลือ ใช้ในการโต้แย้งของอาร์เรย์หรือฟังก์ชัน
ตัวดำเนินการสเปรด คือการใช้ขยายอาร์เรย์หนึ่งไปยังอีกอาร์เรย์หนึ่ง
ตัวอย่างส่วนที่เหลือ:
ฟังก์ชั่น rest(a, b,…argu) {

กลับ [a,b,…argu];

rest(1,2,4,5,6);
Output =›[1,2,4,5,6];
ตัวอย่างการแพร่กระจาย : < br /> var a = [1,2,3];
var b = […a, 4, 5];
console.log(b); //เอาต์พุต [1,2,3,4,5];

แผนที่ : โดยทั่วไปจะเก็บคู่คีย์-ค่าของวัตถุ และช่วยในการจดจำลำดับการแทรกคีย์จริงในอาร์เรย์ / วัตถุ

จาวาสคริปต์ ES6

โมดูล : นำเข้าและส่งออก

คำถามในหัวข้อ