Ở các bài học trước bạn đã được tìm hiểu cách vẽ đường kẻ, đường tròn và cung tròn. Trong bài học này bạn sẽ được làm quen với cách vẽ các hình.

Vẽ Hình Chữ Nhật

Thuộc tính rect() trong đối tượng context để vẽ hình chữ nhật. Ngoài ra thuộc tính strokeStyle được dùng để thiết lập màu đường viền cho hình chữ nhật sau khi vẽ (giá trị mặc định của thuộc tính này là #fff).

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d'"; 

context.beginPath();
context.rect(188, 5...

Arrow functon trong ECMAScript là kiểu cú pháp giúp đơn giản hoá việc việc định nghĩa hàm.

Cú Pháp Arrow Function

Trước khi sử dụng arrow function thì chúng ta hãy cùng xem cách định nghĩa một hàm JavaScript theo cách thông thường trước đây:

var sumNumbers = function (a, b) {
    return a + b;
}

Với tính năng arrow function trong ECMAScript 6 chúng ta có thể viết lại đoạn code trên như sau:

const sumNumbers = (a, b) => {
    return a + b;
}

Có 2 điểm bạn cần lưu ý ở cách viết trên:

• Từ khoá func...

Object Literal Là Gì

Object trong JavaScript có thể được tạo theo một số cách khác nhau. Object literal là kiểu cú pháp tạo object sử dụng cặp dấu ngoặc {} và bên trong đó là danh sách các property (thuộc tính) của object.

Với phiên bản ECMAScript trước đây chúng ta thường sẽ

var name = "John";
var myObj = { name: name };

Các property có giá trị là một hàm còn được gọi là method:

var name = "John";
var myObj = {
    name: name,
    sayHi: function () {
        console.log("Hi, my nam is " + thi...

Template Literal Là Gì

Template literal là tính năng mới trong ECMAScript 6 cho phép lập trình viên có thể nhúng biểu thức JavaScript (ví dụ như giá trị của biến, hoặc kết quả của một phép toán...) bên trong chuỗi string một cách dễ dàng.

Sử dụng phiên bản trước của ECMAScript thì việc nối chuỗi với giá trị của một biến hoặc biểu thức thường sử dụng toán tử + và chúng ta sẽ thường được thấy những đoạn code tương tự sau xuất hiện trong source code:

var spiderMan = {
    name: "Peter",
    age: 25...

Biến được sử dụng để lưu trữ dữ liệu tạm thời trong chương trình và giá trị của biến có thể được thay đối trong khi chạy chương trình.