Hãy tìm hiểu một số nguyên tắc cơ bản của JavaScript mà nhà phát triển phải biết. Ngôn ngữ lập trình được giải thích này được sử dụng rộng rãi để phát triển các ứng dụng cấp doanh nghiệp.

Các khái niệm cơ bản của JavaScript

Tổng quan

JavaScript là ngôn ngữ kịch bản được sử dụng để phát triển các ứng dụng dựa trên web động. Chúng tôi sử dụng HTML và CSS để xây dựng các trang web tĩnh trong khi JavaScript được sử dụng để thêm tính tương tác. Trong bài đăng trên blog trước đây của chúng tôi, chúng tôi đã đề cập mô hình đối tượng tài liệu và bây giờ chúng tôi sẽ bao gồm một số khái niệm cơ bản quan trọng khác của JavaScript**. Các nhà phát triển web có xu hướng lựa chọn ngôn ngữ kịch bản này do các tính năng và khung phong phú của nó. Ngoài ra, bạn có thể phát triển ở mặt trước và mặt sau bằng cách học JavaScript. Tuy nhiên, bạn không thể chỉ phát triển các ứng dụng web mà còn các ứng dụng di động. Hướng dẫn JavaScript này sẽ giúp bạn nếu bạn đang chuẩn bị cho một buổi phỏng vấn. Tuy nhiên, hướng dẫn này đáng để đọc để thêm nhiều hơn vào thùng kiến ​​thức của bạn. Chúng tôi sẽ đề cập đến các điểm sau trong bài viết này:

Những gì đang nâng trong JavaScript

Hiện tượng lấy chức năng hoặc khai báo biến trên đỉnh của phạm vi hiện tại được gọi là nâng. Đây là một khái niệm rất quan trọng và hầu hết các nhà phát triển JavaScript không nhận thức được nó. Tuy nhiên, một điều quan trọng cần lưu ý ở đây là chỉ các khai báo chức năng/biến được đưa lên đầu, chứ không phải khởi tạo chức năng/biến. Hãy lấy một ví dụ và xem đoạn mã bên dưới;

printResults();
function printResults(){
    console.log("hello programmers")
}
// output: hello programmers

Trong ví dụ mã ở trên, chúng tôi đã thực hiện cuộc gọi chức năng trước khi khai báo hàm nhưng mặc dù mã thực thi thành công và đó là do nâng JavaScript. Về cơ bản, trong thời gian biên dịch, trình thông dịch JavaScript quét mã, thu thập tất cả các chức năng/biến và đưa chúng vào bộ nhớ gọi là môi trường từ vựng. Điều tương tự xảy ra với các biến.

name = "mustafa";
console.log(name);
var name;

Tương tự, khởi tạo biến tên đã được thực hiện trước khi khai báo và mã hoạt động mà không có bất kỳ lỗi nào. Một lần nữa, trong thời gian biên dịch, trình thông dịch JS đã nhìn vào môi trường từ vựng để tìm khai báo biến và do đó thực hiện mã. Vì vậy, nếu bạn khai báo các biến có từ khóa LET và const, JavaScript sẽ nâng chúng khác nhau một chút.

name = "mustafa";
console.log(name);
let name;
// Uncaught ReferenceError: Cannot access 'name' before initialization

Lỗi trong đoạn mã trên đã xảy ra. Lý do là việc khởi tạo không được thực hiện trong khi nâng biến này. Câu chuyện dài, tất cả các tuyên bố được khởi tạo với “không xác định” trong khi các biến được khai báo với “LET” hoặc “const” không được khởi tạo trong việc nâng.

Phạm vi trong JavaScript

Phạm vi là một trong những khái niệm cơ bản của JavaScript mà nhà phát triển phải biết. Tuy nhiên, làm việc với phạm vi JavaScript không đơn giản và hơi khác một chút. Do đó, có ba loại phạm vi trong JavaScript và chúng như sau: Cấp độ khối : Các biến được khai báo với “LET” hoặc “const” chứa phạm vi cấp độ khối.

if(true){
  let a = 1;
}
// a is not accessible outside the curly braces.

Biến “A” không thể truy cập được bên ngoài niềng răng xoăn {} vì nó có phạm vi cấp khối. Cấp độ chức năng : Các biến được khai báo bên trong hàm JavaScript có phạm vi cục bộ.

function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is not accessible outside the function.

Một điều quan trọng cần lưu ý ở đây là các biến được khai báo với “LET” “const” và “var” có phạm vi hàm bên trong cơ thể hàm. Cấp độ toàn cầu : Các biến được khai báo bên ngoài hàm trở thành biến toàn cầu. Bất kể bạn đã khai báo chúng bằng cách sử dụng các từ khóa “Let”, “Const” hoặc “Var”. Hơn nữa, một biến trở thành biến toàn cầu nếu được khai báo mà không sử dụng bất kỳ từ khóa nào như trong đoạn mã bên dưới:

function innerFunc(){
        last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is accessible outside the function too and is of global scope

Đóng cửa JavaScript

Đây là một khái niệm quan trọng khác giúp tăng cường kiến ​​thức JavaScript của bạn về phạm vi và đóng gói dữ liệu. Ở dạng đơn giản nhất, một hàm bên trong một hàm được gọi là đóng cửa. Bạn có thể gọi hàm bên trong là đóng cửa. Hàm bên trong này có ba loại phạm vi:

  • Nó có phạm vi cấp khối riêng.
  • Nó có quyền truy cập vào các biến của cha mẹ.
  • Các biến trong phạm vi toàn cầu cũng có thể truy cập bên trong việc đóng cửa. Hãy xem cách tạo một đóng cửa:
 function myFunction(){
    let first_name = "mustafa";
    function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+first_name+" "+last_name);
    }
    return innerFunc()
}
myFunction()
// output: hello mustafa ashraf

Biến First_name có thể truy cập bên trong hàm có tên InternorFunc nhưng hàm cha không thể có quyền truy cập vào biến Last_Name. Hành vi này cho phép các lập trình viên tạo ra các biến riêng tư trong chuỗi phạm vi.

Phần kết luận

Chúng tôi đang kết thúc hướng dẫn JavaScript này ở đây và hy vọng bạn hiểu rõ hơn về các khái niệm cơ bản của JavaScript . Hơn nữa, chúng tôi cũng đã trải qua đóng cửa JavaScript, phạm vi trong JavaScript và nâng cao. Có nhiều khái niệm quan trọng khác bắt buộc đối với người mới bắt đầu. Vì vậy, bài viết này sẽ giúp bạn nếu bạn đang phát triển mạnh để cải thiện hoặc làm mới các khái niệm JavaScript của bạn. Ngoài ra, bạn có thể đi qua các bài đăng trên blog được đề cập trong phần “Xem thêm”.

Kết nối với chúng tôi

Cuối cùng, containerize.com cung cấp các hướng dẫn JavaScript đang diễn ra về các chủ đề thú vị khác nhau. Bạn có thể ở trong vòng lặp bằng cách theo dõi chúng tôi trên các nền tảng truyền thông xã hội của chúng tôi, bao gồm Facebook, LinkedIn và Twitter.

Đặt một câu hỏi

Bạn có thể cho chúng tôi biết về câu hỏi hoặc truy vấn của bạn trên [Diễn đàn] của chúng tôi 9.

Câu hỏi thường gặp

Các khái niệm quan trọng để học trong JavaScript là gì? Vui lòng làm theo [Hướng dẫn của người mới bắt đầu JavaScript này 2 để biết các khái niệm cơ bản của JavaScript.

Xem thêm