10 cách viết tắt JavaScript hàng đầu cho người mới bắt đầu
Viết tắt JavaScript không chỉ tăng tốc quá trình mã hóa mà còn làm cho các đoạn script ngắn hơn, do đó dẫn đến tải trang nhanh hơn. Mã tốc ký có giá trị như các phiên bản tay dài của chúng; họ thực chất đại diện cho điều tương tự-chỉ trong một định dạng nhỏ gọn hơn. Chúng là một trong những kỹ thuật tối ưu hóa mã đơn giản nhất.
Có một số tốc ký JavaScript, tuy nhiên chúng không có hướng dẫn tham khảo chính thức. Một số thực sự đơn giản, trong khi những người khác khá đáng sợ ngay cả đối với các nhà phát triển có kinh nghiệm. Trong bài viết này, bạn có thể tìm thấy 10 tốc ký JavaScript cho người mới bắt đầu với đó bạn có thể bắt đầu với tối ưu hóa mã và viết mã ngắn gọn hơn.
1. Số thập phân
Nếu bạn thường xuyên làm việc với số thập phân lớn tốc ký này có thể là ơn trời, vì bạn không phải gõ hết số không nữa, chỉ cần thay thế chúng bằng e ký hiệu. Ví dụ, 1e8 có nghĩa là thêm tám số không sau 1 chữ số, nó bằng 100000000.
Số sau chữ e cho biết số lượng không mà đến sau chữ số trước e. Tương tự như vậy, 16e4 là tốc ký cho 160000, v.v..
/ * Viết tắt * / var myVar = 1e8; / * Tay dài * / var myVar = 100000000;
2. Tăng, giảm
Các tốc ký tăng được tạo thành từ hai + dấu hiệu, nó có nghĩa là giá trị của một biến là tăng thêm một. Tương tự, tốc ký giảm dần bao gồm hai - dấu hiệu, và nó có nghĩa là biến là giảm bởi một.
Hai tốc ký này có thể được sử dụng chỉ trên các loại dữ liệu số. Chúng có vai trò không thể thiếu trong các vòng lặp, trường hợp sử dụng thường xuyên nhất của chúng là cho vòng lặp.
/ * Viết tắt * / i ++; j--; / * Tay dài * / i = i + 1; j = j-1;
3. Thêm, đánh lạc hướng, nhân, chia
Có một tốc ký cho mỗi bốn phép toán cơ bản: cộng, phân tâm, nhân và chia. Chúng hoạt động tương tự như các toán tử tăng và giảm, chỉ ở đây, bạn có thể thay đổi giá trị của một biến bằng bất kỳ số nào (không chỉ bởi một).
Trong ví dụ dưới đây, tôi biến được tăng lên bởi 5, j bị giảm bởi 3, k được nhân với 10, và tôi được chia cho 2.
/ * Viết tắt * / i + = 5; j- = 3; k * = 10; l / = 2; / * Tay dài * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Xác định vị trí nhân vật
Các charAt () phương pháp là một trong những phương thức chuỗi được sử dụng thường xuyên nhất, nó trả về nhân vật ở một vị trí xác định (ví dụ: 5thứ ký tự của một chuỗi). Thay vào đó, có một tốc ký đơn giản mà bạn có thể sử dụng: bạn thêm vị trí ký tự được đặt trong dấu ngoặc vuông sau chuỗi.
Hãy chú ý rằng charAt () phương pháp là không dựa trên. vì thế, myString [4] sẽ trả lại 5thứ ký tự trong chuỗi ("y" trong ví dụ).
var myString = "Chúc mừng sinh nhật"; / * Viết tắt * / myString [4]; / * Longhand * / myString.charAt (4);
5. Khai báo các biến số lượng lớn
Nếu bạn muốn tạo nhiều hơn một biến cùng một lúc bạn không cần phải gõ từng cái một. Nó đủ để sử dụng var (hoặc là để cho) từ khóa chỉ một lần, sau đó bạn chỉ có thể liệt kê các biến bạn muốn tạo, cách nhau bằng dấu phẩy.
Với tốc ký này, bạn có thể khai báo cả hai các biến không xác định và các biến có giá trị.
/ * Viết tắt * / var i, j = 5, k = "Chào buổi sáng", l, m = false; / * Longhand * / var i; var j = 5; var k = "Chào buổi sáng"; var l; var m = sai;
6. Khai báo một mảng kết hợp
Khai báo một mảng trong JavaScript là một nhiệm vụ tương đối đơn giản, bằng cách sử dụng var myArray = ["apple", "lê", "cam"] cú pháp. Tuy nhiên, khai báo một mảng kết hợp phức tạp hơn một chút, vì ở đây, bạn không chỉ phải xác định các giá trị mà cả các khóa (trong trường hợp mảng thông thường, các khóa là 0, 1, 2, 3, v.v..).
Một mảng kết hợp là một bộ sưu tập các cặp khóa-giá trị. Cách lâu dài là khai báo mảng, sau đó thêm từng phần tử một. Tuy nhiên, với tốc ký dưới đây, bạn cũng có thể khai báo mảng kết hợp thêm tất cả các yếu tố của nó cùng một lúc.
Trong ví dụ dưới đây, myArray mảng kết hợp gán nơi sinh của họ (giá trị) cho những người nổi tiếng (khóa).
/ * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "Thành phố New York", "Sophia Loren": "Rome", "Ingrid Bergman ":" Stockholm " / * Longhand * / var myArray = new Array (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "Thành phố New York"; myArray ["Sophia Loren"] = "Rome"; myArray ["Ingrid Bergman"] = "Stockholm";
7. Khai báo một đối tượng
Tốc ký cho khai báo đối tượng hoạt động tương tự như một cho các mảng kết hợp. Tuy nhiên, ở đây, không có cặp khóa-giá trị mà là cặp giá trị thuộc tính mà bạn cần đặt giữa các niềng răng .
Sự khác biệt duy nhất trong cú pháp tốc ký là thuộc tính đối tượng không được đặt trong dấu ngoặc kép (Tên, Nơi sinh, tuổi tác, wasJamesBond trong ví dụ dưới đây).
/ * Shorthand * / var myObj = name: "Sean Connery", placeOfBirth: "Edinburgh", tuổi: 86, wasJamesBond: true; / * Longhand * / var myObj = new Object (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;
8. Sử dụng toán tử điều kiện
Các toán tử điều kiện (ternary) thường được sử dụng như là lối tắt cho nếu khác tuyên bố. Nó bao gồm Ba phần:
- các điều kiện
- chuyện gì xảy ra nếu điều kiện là đúng (
nếu) - chuyện gì xảy ra nếu điều kiện là sai (
khác)
Trong ví dụ dưới đây, chúng tôi gửi một tin nhắn đơn giản (bên trong thông điệp biến) cho những người muốn vào một câu lạc bộ. Sử dụng mẫu tốc ký, nó chỉ là một dòng mã để chạy đánh giá.
tuổi var = 17; / * Viết tắt * / var message = age> = 18? "Được phép": "Bị từ chối"; / * Longhand * / if (tuổi> = 18) var message = "Được phép"; other var message = "Bị từ chối";
Nếu bạn muốn kiểm tra nó sao chép mã vào bảng điều khiển web (F12 trong hầu hết các trình duyệt) và sửa đổi giá trị của tuổi tác biến một vài lần.
9. Kiểm tra sự hiện diện
Nó thường xảy ra rằng bạn cần kiểm tra xem một biến là hiện tại hay không. Các “nếu có mặt” tốc ký giúp bạn làm như vậy với ít mã hơn.
Xin lưu ý rằng hầu hết các bài viết về tốc ký JavaScript không cung cấp biểu mẫu tay dài thích hợp, như nếu (myVar) ký hiệu không chỉ đơn giản là kiểm tra nếu biến không sai mà còn một số thứ khác. Cụ thể là biến không thể không xác định, trống, null và sai.
var myVar = 99; / * Shorthand * / if (myVar) console.log ("Biến myVar được xác định VÀ nó không trống VÀ không null VÀ không sai."); / * Longhand * / if (typeof myVar! == "không xác định" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("myVar! biến được định nghĩa VÀ nó không trống VÀ không null và không sai. "); Bạn có thể kiểm tra làm thế nào “nếu có mặt” tốc ký hoạt động bằng cách chèn đoạn mã sau vào bảng điều khiển web và thay đổi giá trị của myVar một vài lần.
Để hiểu cách thức tốc ký này hoạt động, đáng để thử nghiệm nó với các giá trị của "" (chuỗi trống), sai, 0, thật, một chuỗi không trống (ví dụ:. "Chào"), một số (ví dụ:. 99) và khi biến không xác định (đơn giản là var myVar;).
10. Kiểm tra sự vắng mặt
Các “nếu có mặt” tốc ký có thể được sử dụng để kiểm tra sự vắng mặt của một biến bằng cách đặt một dấu chấm than trước nó. Dấu chấm than là logic không phải toán tử trong JavaScript (và trong hầu hết các ngôn ngữ lập trình).
Do đó, với nếu (! myVar) ký hiệu, bạn có thể kiểm tra nếu myVar biến không được xác định, trống, null hoặc sai.
var myVar; / * Shorthand * / if (! MyVar) console.warn ("Biến myVar không xác định (OR) trống (OR) null (OR) sai."); / * Longhand * / if (typeof myVar === "không xác định" || myVar === "" | | myVar === null || myVar === 0 || myVar === false) console.warn ("Biến myVar không xác định (OR) trống (OR) null (OR) sai.");
