JavaScript là ngôn ngữ của web; Ngôn ngữ được sử dụng để tương tác trên web. Nó được biết đến như một ngôn ngữ đầy đủ của người Viking vì nó có thể được sử dụng ở mặt trước cũng như sự phát triển back-end của các chương trình. Chúng ta có thể ví cái xây dựng một trang web hoặc một trang web đến một ngôi nhà; HTML biểu thị các bức tường của ngôi nhà, CSS cho bức tranh và trang trí và JavaScript cho sự tương tác của ngôi nhà, bao gồm các công tắc và người vận hành giúp điều hành một ngôi nhà chức năng. Về bản chất, JavaScript là cường quốc của web.
Vanilla JavaScript, hay Vanilla Js, chỉ đơn giản là JavaScript tinh khiết, không bị biến đổi. Nói một cách đơn giản, đó là JavaScript mà không có thư viện và khung; JavaScript chỉ với các đối tượng và chức năng. Tầm quan trọng chính của việc học Vanilla JS là giúp bạn hiểu được sự phức tạp của JavaScript mà không có thư viện và khung. Các khung và thư viện này bao gồm React.js, vue.js, v.v. .
Tất nhiên, tất cả chúng ta đều biết rằng cần có kiến thức quan trọng nhất về HTML và CSS trước khi tiến hành tìm ra cách thức hoạt động của JavaScript. Vì vậy, trước khi chúng tôi tiến hành, tôi sẽ cho rằng bạn có kiến thức về HTML và CSS.
Trước khi chúng tôi tiến hành, điều quan trọng cần lưu ý là bài viết này chỉ cung cấp kiến thức cơ bản về vani JS. Để tìm hiểu thêm, bạn có thể kiểm tra tài liệu chính thức.
Vì vậy, hãy để Lừa tiến hành
Biến
Trong JavaScript, các biến được sử dụng để lưu trữ các giá trị. Chúng được gọi là container của người Viking. Hãy cùng xem khối mã bên dưới:
var name = "Ursula";
Trong dòng mã này, VAR được sử dụng để biểu thị một biến. Tên biến là `name` và nó có giá trị` ursula`. Vì vậy, khi điều này được lưu, bất cứ khi nào tên biến được gọi, nó sẽ luôn xuất hiện kết quả Ursula.
Các biến có các loại khác nhau. Trong ví dụ dưới đây, nó xuất hiện dưới dạng một chuỗi. Họ cũng có thể đến như những con số, booleans hoặc không xác định. Ví dụ;
var age = 15;
Các đối tượng
Đối tượng là bộ sưu tập thuộc tính hoặc thuộc tính; Chúng là các biến có nhiều giá trị. Chúng cũng là container nhưng chúng có thể thu thập nhiều hơn một giá trị hoặc thuộc tính hoặc thuộc tính. Ở đây, các giá trị được viết bằng tên: các cặp giá trị. Hãy để một cái nhìn
var Ursula = {lastName: "Okolie", age: 20}
Ở đây, tên là tên cuối cùng trong khi giá trị là ok okolie.
Để truy cập vào các thuộc tính của đối tượng, bạn có thể sử dụng ký hiệu dấu chấm hoặc ký hiệu khung. Chẳng hạn, trong trường hợp ký hiệu DOT, nếu bạn gọi `ursula.lastname`, nó sẽ trả lại Okolie. Đối với ký hiệu khung, nếu bạn gọi `ursula [tuổi tuổi]`, nó sẽ trả lại 20.
Chức năng
Các chức năng là các khối mã có thể tái sử dụng được thiết kế để thực thi một tác vụ cụ thể. Một hàm JavaScript được thực thi khi nó được gọi. Đây là những gì một chức năng trông như thế nào:
var function myFunction [params] {
// insert instructions
return functionAchieved;
}
Điều quan trọng là đặt cho chức năng của bạn một cái tên mô tả hành động mà hàm đang thực thi. Điều này giúp mọi người hiểu mã của bạn tốt hơn khi họ đang trải qua nó. Câu lệnh trả về kết thúc thực thi chức năng và chỉ định giá trị sẽ được trả lại cho người gọi.
Gọi một hàm là khá dễ dàng, bạn chỉ cần gọi tên của hàm và đưa ra các đối số trong ngoặc đơn. Bạn có thể gọi chức năng nhiều lần với các đối số khác nhau. Chẳng hạn, chúng ta hãy tạo hàm `addnumbers`.
var addNumbers = function [a, b]{
return a + b;
}
Mảng
Các mảng được kiện để lưu trữ một số giá trị trong một biến duy nhất. Không có tên: cặp giá trị trong mảng javascript. Những dấu ngoặc này [] biểu thị rằng đó là một mảng.
Ursula1
Để thêm một giá trị trong một mảng, bạn chỉ cần gọi mảng và đẩy ra giá trị vào mảng.
Ursula2
Khi bạn chạy `Nhà hàng;`, bạn sẽ thấy Ocean Basket trong danh sách mảng.
Phạm vi
Trong JavaScript, các biến chỉ có thể bị kiện trong các hàm mà chúng được xác định trong. Các biến được khai báo trong một hàm là cục bộ với hàm cụ thể đó. Do đó, nếu bạn gọi hàm ngoài phạm vi của nó, sẽ không có đầu ra.
Bạn nên không cung cấp cho các biến của bạn phạm vi toàn cầu vì nó khiến mã của bạn bị lộn xộn và nó cũng gây ra sự nhầm lẫn trong khi viết.
Sự kết luận
Giống như tôi đã nói ở đầu bài viết, đây chỉ là một phần giới thiệu để hiểu cách thức hoạt động của JavaScript thuần túy. Các khung và thư viện là tuyệt vời để sử dụng và mặc dù chúng làm cho cuộc sống nói chung dễ dàng hơn, chúng không loại bỏ thực tế là JavaScript thuần túy phải được hiểu.
Viết hạnh phúc…