10 kỹ thuật tốc ký giúp dân IT dễ dàng hơn với ngôn ngữ JavaScript
Các kỹ thuật viết tắt giúp bạn viết code rõ ràng và tối ưu hơn, đồng thời cho phép bạn đạt được mục tiêu mà tốn ít thời gian hơn.
1. Khai báo biến
// Longhand
let x; cho y = 20;
// Viết tắt
let x, y = 20;
2. Gán giá trị cho nhiều biến
Chúng ta có thể gán giá trị cho nhiều biến trong một dòng bằng cách cấu trúc mảng.
// Longhand
let a, b, c; a = 5; b = 8; c = 12;
// Viết tắt let
[a, b, c] = [5, 8, 12];
3. Toán tử bậc ba
Chúng ta có thể lưu 5 dòng mã ở đây với toán tử bậc ba (có điều kiện).
// Longhand
let mark = 26;
cho kết quả;
if (mark> = 30) {
result = 'Pass';
} else {
result = 'Fail';
} // Viết tắt cho kết quả = mark> = 30? 'Vượt qua thất bại';
4. Gán giá trị mặc định
Chúng ta có thể sử dụng OR(||) đánh giá ngắn mạch để gán giá trị mặc định cho một biến trong trường hợp giá trị mong đợi được tìm thấy là sai.
// Longhand let imagePath;
let path = getImagePath ();
if (path! == null && path! == undefined && path! == '') {
imagePath = path;
} else {
imagePath = 'default.jpg';
}
// Viết tắt
let imagePath = getImagePath () || 'default.jpg';
5. AND (&&) Đánh giá ngắn mạch
Nếu bạn đang gọi một hàm chỉ khi một biến là đúng, thì bạn có thể sử dụng AND(&&) ngắn mạch để thay thế cho điều này.
// Longhand if (isLoggedin) {
goToHomepage ();
}
// Viết tắt isLoggedin && goToHomepage ();
Tốc độ AND(&&) ngắn hữu ích hơn trong React khi bạn muốn kết xuất một thành phần có điều kiện. Ví dụ:
<div> {this.state.isLoading && <Loading />} </div>
6. Hoán đổi hai biến
Để hoán đổi hai biến, chúng ta thường sử dụng một biến thứ ba. Chúng ta có thể hoán đổi hai biến một cách dễ dàng với phép gán cấu trúc mảng.
let x = 'Hello', y = 55;
// Longhand const temp = x; x = y; y = tạm thời;
// Tốc ký [x, y] = [y, x];
7. Hàm mũi tên
// Hàm tốc ký
add (num1, num2) { return num1 + num2; }
// Viết tắt
const add = (num1, num2) => num1 + num2;
8. Chữ mẫu
Sử dụng toán tử + để nối các giá trị chuỗi với các biến. Với các ký tự mẫu của ES6, chúng ta có thể làm điều đó theo cách đơn giản hơn.
// Longhand
console.log ('Bạn nhận được cuộc gọi nhỡ từ' + number + 'at' + time);
// Viết tắt
console.log (`Bạn nhận được cuộc gọi nhỡ từ $ {number} lúc $ {time} ');
9. Chuỗi nhiều dòng
Đối với chuỗi nhiều dòng, sử dụng toán tử + với chuỗi thoát dòng mới (\ n). Chúng ta có thể làm điều đó theo cách dễ dàng hơn bằng cách sử dụng dấu gạch ngược (`).
// Longhand
console.log ('JavaScript, thường được viết tắt là JS, là ngôn ngữ lập trình \ n' + 'tuân theo đặc tả ECMAScript \ n' + '. JavaScript là cấp cao, \ n' + 'thường chỉ- được biên dịch kịp thời và đa mô hình. ');
// Viết tắt
console.log (`JavaScript, thường được viết tắt là JS, là một ngôn ngữ lập trình tuân theo đặc tả ECMAScript. JavaScript là cấp cao, thường được biên dịch trong thời gian và đa mô hình.`);
10. Kiểm tra nhiều điều kiện
Để đối sánh nhiều giá trị, chúng ta có thể đặt tất cả các giá trị trong mảng và sử dụng indexOf() hoặc includes().
// Longhand
if (giá trị === 1 || giá trị === 'một' || giá trị === 2 || giá trị === 'hai') {
// Thực thi một số mã }
// Viết tắt 1
if ([1, 'one', 2, 'two']. IndexOf (value)> = 0) {
// Thực thi một số đoạn mã }
// Viết tắt 2
if ([1, 'one', 2, 'two']. Include (value)) {
// Thực thi một số đoạn mã }
Bachkhoa-Aptech - Tự hào 19 năm Kiến tạo IT chất lượng cao
Chương trình IT Leader 4.0: http://laptrinhvien.bachkhoa-aptech.edu.vn/clc
Hotline: 0968 27 6996
#BachkhoaAptech #Làmtrướchọcsau #19nămKiếntạoIT