Assignment (=)

Try it

let x = 2;
const y = 3;

console.log(x);
// Expected output: 2

console.log((x = y + 1)); // 3 + 1
// Expected output: 4

console.log((x = x * y)); // 4 * 3
// Expected output: 12

Cú pháp

x = y

Tham số

x

Một assignment target hợp lệ, bao gồm một định danh hoặc một property accessor. Nó cũng có thể là một destructuring pattern.

y

Một expression chỉ định giá trị được gán cho x.

Giá trị trả về

Giá trị của y.

Ngoại lệ

ReferenceError

Được ném trong strict mode nếu gán cho một định danh chưa được khai báo trong phạm vi.

TypeError

Được ném trong strict mode nếu gán cho một thuộc tính không thể sửa đổi.

Mô tả

Operator assignment hoàn toàn khác với dấu bằng (=) được dùng như dấu phân cách cú pháp ở các vị trí khác, bao gồm:

• Các giá trị khởi tạo của khai báo var, let, và const
• Các giá trị mặc định của destructuring
• Tham số mặc định
• Các giá trị khởi tạo của class fields

Tất cả các vị trí này đều chấp nhận một assignment expression ở phía bên phải của =, vì vậy nếu bạn có nhiều dấu bằng được nối chuỗi:

const x = y = 5;

Điều này tương đương với:

const x = (y = 5);

Nghĩa là y phải là một biến đã tồn tại từ trước, và x là một biến const được khai báo mới. y được gán giá trị 5, và x được khởi tạo với giá trị của biểu thức y = 5, cũng là 5. Nếu y không phải là một biến đã tồn tại, một biến toàn cục y được tạo ngầm định trong non-strict mode, hoặc một ReferenceError sẽ được ném trong strict mode. Để khai báo hai biến trong cùng một lần khai báo, sử dụng:

const x = 5,
  y = 5;

Ví dụ

Gán cơ bản và nối chuỗi

let x = 5;
let y = 10;
let z = 25;

x = y; // x là 10
x = y = z; // x, y và z đều là 25

Giá trị của biểu thức gán

Bản thân biểu thức gán được ước lượng thành giá trị của vế phải, vì vậy bạn có thể ghi log giá trị và gán cho biến cùng lúc.

let x;
console.log(x); // undefined
console.log(x = 2); // 2
console.log(x); // 2

Gán với định danh không được khai báo

Đối tượng toàn cục nằm ở đầu chuỗi phạm vi. Khi cố gắng phân giải một tên thành một giá trị, chuỗi phạm vi được tìm kiếm. Điều này có nghĩa là các thuộc tính trên đối tượng toàn cục có thể truy cập từ mọi phạm vi, mà không cần phải đủ điều kiện tên với globalThis. hay window. hay global..

Vì đối tượng toàn cục có thuộc tính String (Object.hasOwn(globalThis, "String")), bạn có thể sử dụng đoạn code sau:

function foo() {
  String("s"); // Hàm `String` có thể truy cập toàn cục
}

Vì vậy đối tượng toàn cục cuối cùng sẽ được tìm kiếm cho các định danh không được khai báo. Bạn không cần phải gõ globalThis.String; bạn chỉ cần gõ String không được khai báo. Để làm cho tính năng này nhất quán hơn về mặt khái niệm, việc gán cho các định danh không được khai báo sẽ giả định bạn muốn tạo một thuộc tính với tên đó trên đối tượng toàn cục (bỏ qua globalThis.), nếu không có biến nào có cùng tên được khai báo trong chuỗi phạm vi.

foo = "f"; // Trong non-strict mode, giả định bạn muốn tạo thuộc tính tên `foo` trên đối tượng toàn cục
Object.hasOwn(globalThis, "foo"); // true

Trong strict mode, việc gán cho một định danh không được khai báo trong strict mode sẽ dẫn đến một ReferenceError, để tránh vô tình tạo các thuộc tính trên đối tượng toàn cục.

Lưu ý rằng hàm ý của điều trên là, trái với thông tin sai lầm phổ biến, JavaScript không có các biến ngầm định hay biến chưa được khai báo. Nó chỉ đơn giản là hợp nhất đối tượng toàn cục với phạm vi toàn cục và cho phép bỏ qua bộ định danh đối tượng toàn cục khi tạo thuộc tính.

Gán với destructuring

Phía bên trái cũng có thể là một assignment pattern. Điều này cho phép gán cho nhiều biến cùng lúc.

const result = /(a+)(b+)(c+)/.exec("aaabcc");
let a = "",
  b = "",
  c = "";
[, a, b, c] = result;
console.log(a, b, c); // "aaa" "b" "cc"

Để biết thêm thông tin, xem Destructuring.

Thông số kỹ thuật

Tương thích trình duyệt

Xem thêm

• Assignment operators in the JS guide
• Destructuring