Search your

ReactJS
All
Jobs

Get job alert for this search

1 jobES6

Related posts

View all
Chặng đường phát triển của Javascript từ ES6 đến ES12

Chặng đường phát triển của Javascript từ ES6 đến ES12

Bài viết được sự cho phép của tác giả Duy Phan Javascript là một thành phần không thể thiếu đối với frontend developers. Tuy nhiên, ngay từ lúc ra đời, nó đã tồn tại khá nhiều vấn đề cần khắc phục. Đó là lý do tại sao từ 2015 (ES6) tới 2021 (ES12) ra đời nhằm giúp Javascript trở nên tốt hơn. ECMAScript Là một bản đặc tả kỹ thuật (specification) cung cấp các quy tắc, chi tiết, hướng dẫn mà một ngôn ngữ kịch bản (scripting language) phải tuân theo cho một vài mục đích chung. Nói thì hơi khó hiểu, nhưng bạn có thể hiểu nôm na là: một nhóm các ông lớn trong lĩnh vực phần mềm (bao gồm nhưng không giới hạn các nhà cung cấp trình duyệt web) ngồi lại với nhau, sau đó đưa ra một concept rồi mọi người làm theo. Cụ thể thì bản đặc tả này giúp chúng ta có một cách viết chung cho Javascript, quên đi cái thời [...]

Read more
var, let và const trong ES6

var, let và const trong ES6

Bài viết được sự cho phép của tác giả Huy Trần Mấy bài viết nói về 3 từ khóa này trong JavaScript thì có nhiều rồi, mình chỉ tổng hợp lại cho ngắn để các bạn lười đọc tham khảo nhanh thôi  const const dùng để khai báo một hằng số - là một giá trị không thay đổi được trong suốt quá trình chạy. Ví dụ: const A = 5; A = 10; // Lỗi Uncaught TypeError: Assignment to constant variable let let tạo ra một biến chỉ có thể truy cập được trong block bao quanh nó, khác với var - tạo ra một biến có phạm vi truy cập xuyên suốt function chứa nó. Ví dụ: Sử dụng var: function foo() { var x = 10; if (true) { var x = 20; // x ở đây cũng là x ở trên console.log(x); // in ra 20 } console.log(x); // vẫn là 20 } Sử dụng let: function foo() { let x = 10; if (true) { let x = 20; // x này là x khác rồi đấy console.log(x); // in ra 20 } console.log(x); // in ra 10 } Ngoài ra, khi ở global scope (tức là không nằm trong một function nào cả), từ khóa var tạo ra thuộ [...]

Read more
Javascript ES6 – Đôi điều thú vị có thể bạn chưa biết

Javascript ES6 – Đôi điều thú vị có thể bạn chưa biết

Bài viết được sự cho phép của tác giả Kiên Nguyễn Mang tiếng là FE Developer, chính chiến khắp nơi, nào là Vuejs, ReactJs, Angular, nhưng đôi khi lại quên mất những điều đặc biệt ở Javascript ES6. Chà, tắc trách quá! Hãy cùng Kieblog điểm qua một số điều thú vị đôi khi ta quên mất là chỉ có ở ES6. Cùng bắt đầu nha! ES6 được xem như bước ngoặt lớn trong quá trình phát triển của ECMA Script 1. Default parameter Rõ ràng mà nói, từ xưa tới nay vẫn luôn dùng || để set giá trị default cho argument trong trường hợp không được truyền vào var kieblog = function (author, article, url) { var author = author || 'Kien nguyen' var article = article || 'Javascript ES6' var url = url || 'https://kieblog.vn' ... } Tuy nhiên, ở Javascript ES6, ta có thể set giá trị default của argument ngay khi khai báo function. Đơn giản như sau: var kieblog = function(author = 'Kien nguyen', article = 'Javascript ES6', url = 'https://kieblog.vn') { ... } Viết kiểu này vừa gọn, vừa tiện lại không làm source trở nên quá dài. Trông ra cũng [...]

Read more
24 code ES6 tân tiến để khắc phục các lỗi thực hành JavaScript

24 code ES6 tân tiến để khắc phục các lỗi thực hành JavaScript

Tôi đích thân tự chọn vài trích đoạn những code hữu ích nhất từ trang ‘30secondsofcode’, vốn đã là 1 nguồn tài nguyên tuyệt vời. Và bạn cũng đừng ngại chi mà hãy ủng hộ nó hết mình nhé. Trong đề tài này tôi đã cố sắp xếp dựa theo cách sử dụng các thực hành của chúng. Và trả lời các câu hỏi thường gặp mà bạn có thể phải đối mặt trong dự án của mình: [irp posts="17790" name="Học Javascript 1: Syntax Parser, Execution Context, Lexical Environment là gì"] [irp posts="17717" name="Những thứ kỳ quặc của Javascript?"] 1. Cách để ẩn hết các yếu tố quy định? const hide = (...el) => [...el].forEach(e => (e.style.display = 'none')); // Example hide(document.querySelectorAll('img')); // Hides all <img> elements on the page 2. Làm thế nào để kiểm tra nếu yếu tố đó có lớp quy định? const hasClass = (el, className) => el.classList.contains(className); // Example hasClass(document.querySelector('p.special'), 'special'); // true 3. Cách để chuyển đổi 1 lớp cho 1 yếu tố? const toggleClass = (el, className) => el.classList.toggle(className); // Example toggleClass(document.querySelector('p.special'), 'special'); // The paragraph will not have [...]

Read more