Javascript | Các điều khoản phổ biến trên trang web 0 lần nhìn thấy

Sự miêu tả

Những ngày đầu mới bắt đầu làm quen với trang web và cố gắng học tạo trang web, tôi thấy đoạn mã javascript này thật rùng rợn. Tôi nghĩ rằng tôi nên tránh xa mã này càng nhiều càng tốt. Javascript vào thời điểm đó trông giống như một công thức chứa đầy các ký hiệu nước ngoài kỳ lạ.

Theo thời gian, nó chỉ ra rằng mã này có thể đóng một vai trò lớn trong vẻ đẹp của một trang web, chẳng hạn như cung cấp hiệu ứng hoạt hình, thứ tự sắp xếp, cài đặt thông báo, v.v.

Nếu bạn cũng giống như tôi hồi đó, sợ hãi khi học nhưng không biết bắt đầu từ đâu. Bài viết này sẽ đưa bạn làm quen với javascript và giúp bạn tìm thấy sự khích lệ và nhiệt tình để tìm hiểu sâu hơn về mã javascript này. Tuy không nhiều nhưng tôi hy vọng nó sẽ hữu ích với bạn. Chúng tôi sẽ bắt đầu với các thuật ngữ được sử dụng thường xuyên nhất trong javascript.

Trên thực tế, có rất nhiều loại thuật ngữ trong javascript. Nhưng chúng tôi sẽ tập trung vào việc xây dựng một tâm hồn thích javascript trên trang này. Vì vậy, sau khi bạn đọc xong bài viết này, bạn nên tìm kiếm các nguồn khác để hoàn thiện kiến ​​thức về javascript.

Var

Var là cách phổ biến nhất để tạo biến trong JavaScript. Câu lệnh var khai báo một biến. Biến là vùng chứa để lưu trữ thông tin. Tạo một biến trong JavaScript được gọi là "khai báo" một biến:

var myCat = "puppus";
String

JavaScript string lưu trữ một chuỗi ký tự chẳng hạn như "John Doe". Chuỗi là văn bản. Chúng được biểu thị bằng văn bản xung quanh với dấu ngoặc kép hoặc đơn. Thí dụ:

"string of text"
'string of text'

//

string1 + string2

//

'some' + 'text'; // returns 'sometext'
const first = 'my';
const second = 'string';
const union = first + second; // union variable is the string 'mystring'
Array

Array là một đối tượng lưu trữ nhiều giá trị trong một biến:

var cars = ["Saab", "Volvo", "BMW"];

//

var primes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
primes[0]; // 2
primes[3]; // 7
primes[150]; // undefined

//

var arr = ["js", 2, true];
arr[0];            // "js" 
arr[1];            //  2
arr[2];            //  true

Mảng có thể được tạo theo 3 cách;

  1. Literal
const arrayName = [element0, element1, ..., elementN]

const primes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
  1. Đa chiều
// Two dimensions, 3x3
const multidimensionalArray = [[1,2,3],[4,5,6],[7,8,9]]
  1. Konstruktor
const stuff = new Array();

stuff[0] = 34;
stuff[4] = 20;

stuff;
// [34, undefined, undefined, undefined, 20]

//

const myArray = new Array(45 , 'Hello World!' , true , 3.2 , undefined);
console.log(myArray);

// output: [ 45, 'Hello World!', true, 3.2, undefined ]
Function

Hàm JavaScript là tập hợp mã được thiết kế để thực hiện một tác vụ cụ thể. Điều này cho phép chúng tôi xác định các chức năng của riêng mình trong JavaScript. Nó có thể thực hiện các nhiệm vụ hoặc tính điểm. Nó giống như một đoạn mã có thể sử dụng lại. Hãy tưởng tượng, có 20 vòng lặp và sau đó có một chức năng để xử lý tất cả chúng. Để sử dụng một hàm, bạn phải xác định nó ở đâu đó trong phạm vi mà bạn muốn gọi nó. Định nghĩa hàm (còn được gọi là khai báo hàm) bao gồm từ khóa hàm, theo sau là tên hàm, danh sách các đối số của hàm, được đặt trong dấu ngoặc vuông và được phân tách bằng dấu phẩy, một câu lệnh JavaScript xác định hàm, được đặt trong dấu ngoặc nhọn {}.

function myFunction(p1, p2) {
  return p1 * p2;   // The function returns the product of p1 and p2
}
Comments

Nhận xét trong javascript được sử dụng để cải thiện khả năng đọc mã. Nhận xét này không được thực hiện. Nó có chức năng riêng như ghi chú, gợi ý, cảnh báo, v.v. Điều này có thể được mô tả như thể bạn đã viết 100 dòng mã và sau đó quên chức năng của từng dòng mã javascript mà bạn đã viết trước đó, thì nhận xét này sẽ giúp nhắc nhở bạn.

console.log('This code will be run');
// console.log('Because this line is in a comment, this code will not be run.')
// This is a single line comment.
Console

Mã bảng điều khiển này được sử dụng để gỡ lỗi, sẽ in tin nhắn văn bản tới bảng điều khiển. Ví dụ: bạn muốn hiển thị thông báo "Tôi đang gỡ lỗi", sau đó bạn mở bảng điều khiển trình duyệt có phần tử kiểm tra và bạn sẽ thấy thông báo trong tab bảng điều khiển phần tử kiểm tra.

const name = 'I'm debugging';
console.log(name);
If

Mã if trong javascript sẽ nói rằng nếu điều kiện này là đúng, hãy làm điều này, hoặc làm điều gì đó khác hoặc không làm gì cả. Nó có nhiều hình thức. Thí dụ:

if (animal == 'dog') {
  console.log('Bark, bark!');
} else {
  console.log('Meow!');
}

Đoạn mã trên có nội dung như sau: "Nếu tìm thấy một con chó, hãy nói / viết nó trên bảng điều khiển Bark, sủa !, hoặc nếu không, hãy nói / viết nó trên bảng điều khiển Meow!"

== VS ===

Trong javascript, bạn sẽ thường thấy một dấu bằng được viết hai lần cạnh nhau (==), điều này cho biết chỉ thực hiện kiểm tra giá trị (không kiểm tra kiểu).

Trong khi nếu bạn gặp một dấu bằng được viết hai lần cùng nhau (===), điều này cho biết hãy kiểm tra giá trị và kiểm tra kiểu.

'1' == 1  // true (same value)
'1' === 1 // false (not the same type)

true == 1  // true (because 1 evaluates as truthy, though it's not the same type)
true === 1 // false (not the same type)
Loops

Các hàm lặp là các hành động lặp lại. Thao tác này sẽ thực hiện một hành động lặp hoặc cùng một hành động nhiều lần trong một dòng.

var i;
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

Đoạn mã trên sẽ lặp lại cho điều này:

text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
Objek

Các đối tượng đại diện cho các phần tử < object > trong HTML. Đối tượng là cấu trúc dữ liệu cơ bản trong JavaScript. Các đối tượng có các thuộc tính, còn được gọi là khóa, được gán một giá trị.

Bạn có thể làm gì với hàm đối tượng này?

  1. truy cập phần tử < object > bằng cách sử dụng "getElementById ()";
  2. tạo một phần tử bằng phương thức "document.createElement ()";
// using getElementById ()
var x = document.getElementById("myObject");

// using document.createElement ()
var x = document.createElement("myObject");

// or describe a property, such as:
var obj = {
  name: 'Bob',
  married: true,
  'mother\'s name': 'Alice',
  'year of birth': 1987,
  getAge: function () {
    return 2012 - obj['year of birth'];
  },
  1: 'one'
};

Đây là một số điều khoản mà tôi có thể trình bày trên trang này. Để tìm hiểu sâu hơn về javascript, bạn có thể sử dụng tham chiếu miễn phí bên ngoài mà tôi cũng đã sử dụng làm tham chiếu để tạo trang này:

Tags: Tài liệu tham khảo trên 15 Tháng chín 2020

Bình luận

Forum Diskusi

Post a reply
3468 views

Trả lời cuộc thảo luận này