Máy tính bị lỗi javascript ko in dc năm 2024

Question

JavaScript là ngôn ngữ script (ngôn ngữ kịch bản) được dùng để thêm các chức năng và tương tác trên web. Với những newbie từ các ngôn ngữ lập trình khác thì JavaScript khá dễ hiểu với một vài tutorial.

Nội dung chính Show

Nhầm lẫn giữa assignment (=) và equality (==,===) operators
Mong đợi callback xử lý synchronous (đồng bộ)
Sai references tới
Bỏ qua tính mutability của object
Lưu array và object trong browser storage
Không dùng những value mặc định
Đặt tên biến không phù hợp
Kiểm tra giá trị boolean
Nhầm lẫn giữa Addition và Concatenation
Kết luận

Khi bắt đầu với JavaScript, có một vài lỗi cơ bản mà nhiều lập trình viên hay gặp phải, bài viết này sẽ liệt kê 9 lỗi này và đề xuất solution cho từng loại.

Máy tính bị lỗi javascript ko in dc năm 2024

Nhầm lẫn giữa assignment (=) và equality (==,===) operators

Đúng như tên gọi, assignment operator (=) được dùng để gán giá trị với biến. Dev hay nhầm nó với equality operator (toán tử). Ví dụ:

const name = "javascript"; if ((name = "nodejs")) {

console.log(name);

}
// output - nodejs

Tên biến và chuỗi ‘nodejs’ không được so sánh trong trường hợp này. Thay vào đó, chuỗi ‘nodejs’ được gán thành giá trị của biến và kết quả console trả về là ‘nodejs’.

Với JavaScript, biểu tượng 2 dấu bằng (==) và ba dấu bằng (===) được gọi là comparison operator (toán tử so sánh). Đoạn code phía trên là cách hợp lý để so sánh các giá trị:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

Sự khác nhau giữa những comparison operators này, 2 dấu bằng thì thể hiện loose comparison còn 3 dấu bằng thì là strict comparison. Trong loose comparison, thì chỉ so sánh mỗi các values (giá trị), nhưng với strict comparisons, thì so sánh giữa values (giá trị) và data type (kiểu dữ liệu).

Đoạn code phía dưới sẽ giải thích rõ hơn

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

Biến số được gán với chuỗi giá trị là 1. Nên khi so sánh với 1 (hay kiểu number) với ==, nó sẽ trả về true bởi vì cả hai giá trị đều là 1.

Nhưng khi so sánh với ===, nó sẽ trả về false bởi mỗi giá trị có data type khác nhau.

Mong đợi callback xử lý synchronous (đồng bộ)

Callbacks là một trong những cách JavaScript xử lý các hàm bất đồng bộ. Promises và async/await là phương thức thích hợp để xử lý các hàm bất đồng bộ vì nếu dùng nhiều hàm callback (callback lồng vào nhau) sẽ dẫn đến callback hell.

Callback không xử lý đồng bộ, nó là chức năng được thực hiện sau khi một chức năng khác đã thực hiện xong.

Một ví dụ chứng minh là hàm

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

3 sẽ sẽ gọi hàm callback như là lệnh đầu tiên và nhận lệnh thời gian (đơn vị ms) là lệnh thứ hai:

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

Sau 300 mili-giây, lệnh callback được gọi. Nhưng trước khi lệnh này hoàn thành thì dòng code còn lại sẽ chạy, đó là lý do vì sao lệnh console.log được chạy trước.

Dev hay nhầm callback là bất đồng bộ, ví dụ như callback trả về giá trị được dùng cho toán tử khác như sau:

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

4 sẽ là output bởi vì

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

5 không được xác định. Cái lúc chạy

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

6,

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

5 vẫn là không xác định vì chức năng

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

3 sẽ chạy sau lệnh callback

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

9.

Cách tốt nhất để tiếp cận nó là thực hiện các dòng code còn lại với lệnh callback:

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
        console.log(firstNumber + secondNumber);  
    }, 200);  
}  
addTwoNumbers();  
// 15

Xem thêm việc làm JavaScript lương cao tại TopDev

Sai references tới

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0 là khái niệm dễ nhầm lẫn nhất trong JavaScript. Để thành thục

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0 trong JS, bạn cần hiểu rõ cách nó hoạt động vì nó khá là khác so với những ngôn ngữ khác.

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(function () {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// undefined

Kết quả đầu tiên là

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

3 vì

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

4 trỏ chính xác về tên thuộc tính của object. Kết quả thứ hai sẽ là

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

5 vì

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0 bị mất tham chiếu tới các thuộc tính của object (bao gồm cả tên).

Lý giải cho việc này là do

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0 phụ thuộc vào cái object gọi function chứa nó. Có từng biến

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0 trong từng function nhưng cái object nó trỏ tới sẽ được xác định bởi cái object mà đang gọi nó.

Cái

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0 trong

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

0 trỏ thằng tới

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

1 Cái

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

2 trong

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

3 trỏ thẳng tới

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

4. Nhưng cái

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0 trong cái function callback

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

6 sẽ không trỏ tới bất kỳ object nào bởi vì không có object gọi nó.

Với object được gọi là

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

7thì những cái như

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

8. sẽ được thực hiện. Vì không có object nào gọi cái function đó cho nên object mặc định (

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
    }, 200);  
    console.log(firstNumber + secondNumber);  
}  
addTwoNumbers();  
// NaN

sẽ được dùng.

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
        console.log(firstNumber + secondNumber);  
    }, 200);  
}  
addTwoNumbers();  
// 15

0 không hiện diện trong window, dẫn tới

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

5

Cách hay nhất để giữ các reference tới

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0 trong

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

3 là dùng

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
        console.log(firstNumber + secondNumber);  
    }, 200);  
}  
addTwoNumbers();  
// 15

4,

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
        console.log(firstNumber + secondNumber);  
    }, 200);  
}  
addTwoNumbers();  
// 15

5,

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
        console.log(firstNumber + secondNumber);  
    }, 200);  
}  
addTwoNumbers();  
// 15

6 hay arrow function. Không giống với các function khác, arrow function không tự tạo this cho riêng nó. Cho nó ví dụ bên dưới sẽ giữ reference tới

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

0:

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

Bỏ qua tính mutability của object

Không như những kiểu dữ liệu nguyên thủy như string, number, trong JS objects là kiểu dữ liệu tham chiếu. Ví dụ trong các object key-value:

const obj1 = {  
    name: "JavaScript",  
};  
const obj2 = obj1;  
obj2.name = "programming";  
console.log(obj1.name);  
// programming

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
        console.log(firstNumber + secondNumber);  
    }, 200);  
}  
addTwoNumbers();  
// 15

8 và

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
        console.log(firstNumber + secondNumber);  
    }, 200);  
}  
addTwoNumbers();  
// 15

9 có cùng tham chiếu tới vị trí memory chứa object đó.

Trong các mảng:

const arr1 = [2, 3, 4];  
const arr2 = arr1;  
arr2[0] = "javascript";  
console.log(arr1);  
// ['javascript', 3, 4]

Lỗi hay gặp là bỏ qua đặc tính này của JavaScript và dẫn tới một số error. Ví dụ, 5 object đều có cùng tham chiếu tới cùng object, một trong số object này có thể can thiệp vào thuộc tính codebase có quy mô large-scale.

Khi điều này xảy ra thì bất kỳ nỗ lực nào truy cập vào thuộc tính ban đầu sẽ trả về undefined hay thậm chí là xuất hiện error.

Cách giải quyết là luôn tạo một reference cho từng cái object mới khi muốn nhân bản một object, và rest operator (

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(function () {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// undefined

là giải pháp thiết thực nhất.

Ví dụ, trong object key-value:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

0

Trong các mảng:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

1

Lưu array và object trong browser storage

Đôi lúc với JS, lập trình viên sẽ tận dụng

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(function () {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// undefined

1 để lưu các value. Nhưng lỗi hay mắc nhất ở đây là cố lưu arrays và object trong

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(function () {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// undefined

1, mà

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(function () {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// undefined

3 thì chỉ chấp nhận strings (chuỗi).

Để lưu object, JS chuyển object thành một string. Kết quả là [Object Object] cho các object và string được cách ra bởi dấu phẩy cho những thành tố array.

Ví dụ:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

2

Khi các object được lưu như thế này, sẽ rất khó khăn để access chúng. Với ví dụ object, access object như .name sẽ dẫn đến error. Bời vì

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(function () {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// undefined

4 giờ là string mà không có thuộc tính

function addTwoNumbers() {  
    let firstNumber = 5;  
    let secondNumber;  
    setTimeout(function () {  
        secondNumber = 10;  
        console.log(firstNumber + secondNumber);  
    }, 200);  
}  
addTwoNumbers();  
// 15

0.

Cách hay nhất để lưu objects và arrays trong local storage là dùng

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(function () {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// undefined

6(để đổi objects thành strings) và JSON.parse (đổi strings thành objects). Như vậy việc access tới object sẽ trở nên dễ dàng.

Phiên bản đúng của đoạn code phía trên sẽ là:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

3

Không dùng những value mặc định

Set default value (giá trị mặc định) trong hàng ngàn variables là cách hay nhất để ngăn chặn các error không mong muốn. Ví dụ của một lỗi thường gặp:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

4

Kết quả sẽ là

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

4 bởi vì

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(function () {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// undefined

8 là

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

5 và

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

0 là

function callback() {  
    console.log("I am the first");  
}  
setTimeout(callback, 300);  
console.log("I am the last");  
// output  
// I am the last  
// I am the first

5. Nếu dùng default values thì có thể ngăn những error như thế này. Ví dụ:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

5

Thay vào đó, default value trong ES6 có thể được sử dụng:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

6

Ví dụ này tuy đơn giản nhưng nhấn mạnh tầm quan trọng của default value.

Đặt tên biến không phù hợp

Ừ đó, dev giờ vẫn mắc lỗi này. Đặt tên thì khá phức tạp nhưng không có lựa chọn nào khác. Comment là good practice trong lập trình nên đặt tên biến cũng vậy. Ví dụ:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

7

Biến

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

2 thì cũng được nhưng còn

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

3 hay

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

4? Total của cái gì? Cho nên:

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

8

Đặt tên biến phù hợp sẽ giúp những contributors dễ dàng nắm được cách hoạt động của project.

Kiểm tra giá trị boolean

const name = "javascript";  
if (name == "nodejs") {  
    console.log(name);  
}  
// no output  
// OR  
if (name === "nodejs") {  
    console.log(name);  
}  
// no output

9

Thường thấy cách kiểm tra giá trị boolean như đoạn code phía trên, dù ổn nhưng error sẽ xuất hiện khi test một vài values.

Với JS, loose comparison của

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

5 và

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

6 sẽ thành

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

7 còn

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

8 và

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

9 sẽ thành

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

9. Điều này đồng nghĩa nếu

const obj1 = {  
    name: "JavaScript",  
};  
const obj2 = obj1;  
obj2.name = "programming";  
console.log(obj1.name);  
// programming

1 là

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

8,

const obj1 = {  
    name: "JavaScript",  
};  
const obj2 = obj1;  
obj2.name = "programming";  
console.log(obj1.name);  
// programming

1 là

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

9.

Đây cũng là lỗi hay gặp trong objects. Ví dụ:

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

0

Dù có thuộc tính

const obj1 = {  
    name: "JavaScript",  
};  
const obj2 = obj1;  
obj2.name = "programming";  
console.log(obj1.name);  
// programming

5 nhưng

const obj1 = {  
    name: "JavaScript",  
};  
const obj2 = obj1;  
obj2.name = "programming";  
console.log(obj1.name);  
// programming

6 trở về

const obj = {  
    name: "JavaScript",  
    printName: function () {  
        console.log(this.name);  
    },  
    printNameIn2Secs: function () {  
        setTimeout(() => {  
            console.log(this.name);  
        }, 2000);  
    },  
};  
obj.printName();  
// JavaScript  
obj.printNameIn2Secs();  
// JavaScript

5. đó là value

const obj1 = {  
    name: "JavaScript",  
};  
const obj2 = obj1;  
obj2.name = "programming";  
console.log(obj1.name);  
// programming

8e, vì vậy block

const obj1 = {  
    name: "JavaScript",  
};  
const obj2 = obj1;  
obj2.name = "programming";  
console.log(obj1.name);  
// programming

9 được thực hiện.

Cho nên trừ khi bạn chắc về chuỗi value được dùng, boolean value và các properties trong object nên được test như thế này:

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

1

Nhầm lẫn giữa Addition và Concatenation

Dấu cộng

const arr1 = [2, 3, 4];  
const arr2 = arr1;  
arr2[0] = "javascript";  
console.log(arr1);  
// ['javascript', 3, 4]

0 có hai chức năng trong JS: phép cộng hay nối. Cộng là dành cho số còn nối thì cho chuỗi, nhiều dev hay xài nhầm cái này. Ví dụ:

const number = "1";  
console.log(number == 1);  
// true  
console.log(number === 1);  
// false

2

Khi thêm chuỗi và số, JS chuyển số thành chuỗi, và nối tất cả value. Khi thực hiện cộng số thì diễn ra quá trình toán học rồi.

Kết luận

Dĩ nhiên là còn rất nhiều lỗi khác rất hay gặp, nên hãy luôn update bản thân thường xuyên. Học hỏi và phòng tránh các lỗi này sẽ giúp bạn build app và tool có giá trị hơn.

mẹo hay Công Nghệ Máy tính Máy

Máy tính bị lỗi javascript ko in dc năm 2024

Nhầm lẫn giữa assignment (=) và equality (==,===) operators

Mong đợi callback xử lý synchronous (đồng bộ)

Sai references tới

Bỏ qua tính mutability của object

Lưu array và object trong browser storage

Không dùng những value mặc định

Đặt tên biến không phù hợp

Kiểm tra giá trị boolean

Nhầm lẫn giữa Addition và Concatenation

Kết luận

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội