Số âm javascript

Lập trình thành viên là một nghề gần giống như phiên bản thành viên. Tức là bạn sẽ có nhiệm vụ chuyển ý hiểu của con người và viết lại bằng ngôn ngữ lập trình để máy tính hiểu được. Cùng một ý nhưng sẽ có rất nhiều cách diễn đạt khác nhau, lập trình cũng vậy. Cùng một nghiệp vụ logic, nhưng bạn có thể sử dụng các cú pháp/toán tử khác nhau để thực hiện nó

Ở cảnh giới cao hơn, mã nguồn không chỉ cho máy tính hiểu được mà còn phải cho những lập trình viên khác đọc cũng dễ dàng hiểu được logic của nó. That new is cái khó

Bài viết hôm nay mình sẽ chia sẻ một số cách viết code javascript ngắn gọn hơn nhưng vẫn rất dễ hiểu

Nội dung chính của bài viết

• 1. Sử dụng điều kiện kết hợp toán tử
• 2. Rút gọn điều kiện
• 3. Kiểm tra thuộc tính của đối tượng
• 4. Toán tử kiểm tra Null
• 5. Use return chung
• 6. -Tránh return new Promise() và sử dụng hàm trực tiếp trong class Promise
• pause

1. Sử dụng điều kiện kết hợp toán tử

Toán tử này trong tiếng Anh người ta gọi là Ternary Operator, mình cũng không biết dịch sang tiếng Việt là gì cho chuẩn nữa, bạn nào biết thì comment bên dưới nhé

Toán tử này khá phổ biến để thay thế cho một khối câu lệnh điều kiện. Cú pháp như dưới đây

 ?  : 

Mình sẽ lấy ví dụ minh họa đoạn mã điều kiện phổ biến như sau

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

You can't write back as after

a>b ? console.log('A lớn hơn') : console.log('B lớn hơn')

2. Rút gọn điều kiện

Kỹ thuật này có thể được sử dụng khi bạn sử dụng các câu điều kiện đơn giản, nó được sử dụng kết hợp với toán tử

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

6

Ví dụ

if(a===b){
  doSomething()
}

You could write compile to

a===b && doSomething ()

Nếu điều kiện

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

7 mà sai thì câu lệnh

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

8 sẽ không được thực hiện. Với cách này, chúng ta có một câu lệnh tương đương với câu lệnh điều kiện

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

9

Phức tạp hơn một chút, bạn có thể kết hợp nhiều điều kiện để thay thế cho nhiều câu lệnh

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

9

Ví dụ

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

0

Run try nhé

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

1

3. Kiểm tra thuộc tính của đối tượng

Trong trường hợp bạn muốn kiểm tra sự tồn tại của bất kỳ thuộc tính nào của một đối tượng, bạn có thể sử dụng toán tử Tùy chọn chuỗi toán tử

Ví dụ bạn có đối tượng như sau

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

2

Giờ để kiểm tra xem một thuộc tính nào tồn tại trong đối tượng hay, bạn có phải hay làm như vậy không?

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

3

Có một cách viết gọn hơn Chắc chắn rồi, đó là

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

4

Ngạc nhiên chưa?

4. Toán tử kiểm tra Null

Ở mục 1, chúng ta đã có cách viết rút gọn lại câu điều kiện

a>b ? console.log('A lớn hơn') : console.log('B lớn hơn')

1. Ở phần này, mình giới thiệu cách viết còn ngắn gọn hơn nữa, bằng cách sử dụng toán tử

a>b ? console.log('A lớn hơn') : console.log('B lớn hơn')

2

Ví dụ một câu lệnh như sau

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

0

You can could write brief like after

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

1

5. Use return chung

Cái thủ thuật này nó quá đơn giản, chắc nhiều người cũng đã sử dụng rồi. Chúng ta trả về kết quả cuối cùng nếu không có điều kiện

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

9 bất kỳ sự hài lòng nào. Nhìn cách viết mới này dễ hiểu hơn Chắc chắn rồi

Ví dụ

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

2

you convert to

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

3

6. -Tránh return new Promise() và sử dụng hàm trực tiếp trong class Promise

Về Lời Hứa, chúng ta đã có khá nhiều bài viết liên quan đến chủ đề này rồi, bạn có thể tham khảo lại

🔥 Đọc thêm về Promise

• Tìm hiểu cách sử dụng promise trong Javascript
• 5 thủ thuật hay với Javascript Promise

Ở phần này, mình chỉ có lời khuyên duy nhất là thay vì khởi tạo đối tượng Promise, bạn hoàn toàn có thể gọi trực tiếp các hàm của Promise (giống như cách gọi các hàm tĩnh trong java vậy)

Ví dụ

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

4

you convert to

if(a>b){
   console.log('A lớn hơn')
} else {
   console.log('B lớn hơn')
}

5

pause

Viết mã javascript rút gọn không phải để tăng hiệu năng của ứng dụng mà mục đích chính là để chọn mã nguồn dễ bảo trì hơn, người sau vào dự án sẽ dễ dàng đọc hiểu và nắm bắt được toàn bộ cơ sở mã dự án

Hi vọng bài viết này có ích cho bạn

​Nhận sách ​Các tính năng nâng cao của Java

​Java là ngôn ngữ lập trình biến thế giới phổ biến nhất, là hình mẫu của tư tưởng OOP. Nếu bạn muốn bắt đầu với Java thì đây là cuốn sách không thể bỏ qua. Với 63 ví dụ thực thi, cùng với cách viết ngắn gọn dễ hiểu sẽ giúp bạn hiểu rõ bản chất của Java

​ Hiện Amazon đang bán với giá 16$, nhưng với VNTALKING thì miễn phí cho bạn. Còn chờ gì nữa?

TẢI XUỐNG

• THẺ
• jav
• javascript cơ bản
• khung javascript

Facebook

Twitter

liên kết

Pinterest

WhatsApp

Bài trước 12 thư viện React không thể “làm ngơ” khi bắt đầu dự án

Bài tiếp theo Thủ thuật tìm kiếm trên Google cái gì cũng ra

sơn dương

Tên đầy đủ là Dương Anh Sơn. Tốt nghiệp ĐH Bách Khoa Hà Nội. Mình bắt đầu nghiệp coder khi mà ra trường đúng là xin được làm đúng chuyên ngành. Mình tin rằng chỉ có chia sẻ kiến ​​thức mới là cách học tập nhanh nhất. Các bạn góp ý bài viết của mình bằng cách comment bên dưới nhé