Cách sử dụng từ khóa 'with' trong JavaScript

Từ khóa with dùng như một cách viết tắt để tham chiếu đến thuộc tính hoặc phương thức của một đối tượng. Đối tượng được truyền vào with trở thành đối tượng mặc định trong khối lệnh theo sau, cho phép truy cập thuộc tính/phương thức không cần viết tên đối tượng và dấu chấm.

Cú pháp

with (object) {
    // thuộc tính, phương thức dùng không cần object.name
}

Ví dụ

<!DOCTYPE html>
<html>
<head>
    <title>Ví dụ with keyword</title>
    <script>
        function addPrice(amount) {
            with(this) {
                price = amount;
            }
        }
        function Book(title, author) {
            this.title = title;
            this.author = author;
            this.price = 0;
            this.addPrice = addPrice;
        }
    </script>
</head>
<body>
    <script>
        var myBook = new Book("Python", "Tutorialspoint");
        myBook.addPrice(100);
        document.write("Tiêu đề sách: " + myBook.title + "<br>");
        document.write("Tác giả: " + myBook.author + "<br>");
        document.write("Giá: " + myBook.price + "<br>");
    </script>
</body>
</html>

Kết quả

Tiêu đề sách: Python
Tác giả: Tutorialspoint
Giá: 100

Cảnh báo: with không được khuyến khích trong strict mode và ES6+ do gây khó đọc, khó tối ưu, dễ gây bug. Nên dùng destructuring hoặc gán biến cục bộ thay thế.