Hướng dẫn performance javascript
Javascripts (JS) giúp lập trình viên đưa vào trang web của mình những thành phần quan trọng. Hầu hết các lập trình viên đều hiểu tầm quan trọng của việc tối ưu hóa 1 đoạn code JS, nhưng không phải ai cũng biết cách thức triển khai việc này. Trong bài viết này, mình sẽ giới thiệu 1 vài hacks nho nhỏ giúp rút ngắn đoạn code JS. Show
1. Bộ lọc mảng1 tips nhỏ để lọc ra 1 nhóm phần tử từ 1 đơn vị mảng. Phương thức này sẽ sinh ra 1 mảng được fill với các phần tử của 1 mảng cho sẵn với điều kiện các phần tử này đã thông qua 1 phép thử (phương thức). Dựa trên yêu cầu mà chúng ta tạo ra phương thức callback khác nhau cho các phần tử không cần thiết. Trong ví dụ dưới đây, các phần tử null là các phần tử cẩn phải loại bỏ:
2. Sử dụng phương thức String.replace() để thay thế giá trịPhương thức
3. Chuyển đổi sang dạng Float mà không làm giảm hiệu năngThông thường, chúng ta sử dụng các phương thức Ví dụ: Chúng ta sử dụng 4. Sử dụng length để xóa hoặc làm rỗng mảngKỹ thuật này sẽ giúp lập trình viên thay đổi kích thước hoặc xóa rỗng một mảng. Để xóa bỏ n phần tử trong mảng, ta dùng
Để xóa rỗng mảng ta dùng
5. Kiểm tra giá trị của 1 objectĐể kiểm tra xem object có rỗng không, ta sử dụng:
Đoạn code trên sẽ trả về số lượng phần tử nằm trong 1 object 6. Gộp 2 mảng 1 cách tối ưu nhấtNếu bài toán yêu cầu chúng ta gộp 2 mảng, sử dụng
Tuy nhiên, phương thức này chỉ hoạt động tốt đôí với các mảng nhỏ. Đối với các mảng lớn hơn, ta sử dụng: Ví dụ:
7. Câu điều kiện rút gọnĐoạn code
có thể được rút gọn bằng cách sử dụng kết hợp biến điều kiện và
phương thức bằng việc sử dụng toán tử Bây giờ chúng ta rút gọn đoạn code trên bằng 1 dòng như sau:
8. Sử dụng switch case thay cho if/elseThông thường, switch cases sẽ được ưu tiên hơn câu lệnh if/else để thực thi cùng 1 nhiệm vụ. Trên thực tế, câu lệnh switch chỉ thực thi đánh giá 1 lần, do đó thời gian thực hiện câu lệnh sẽ ngắn hơn so với câu lệnh if/else ở chỗ sử dụng câu lệnh này, tất cả các "if" đều phải được chạy qua và đánh giá. 9. Làm đẹp đoạn code JSĐể đoạn code JS đẹp hơn mình gợi ý 1 sử dụng jsbeautifier. Ứng dụng này sẽ giúp chuyển đổi những đoạn code JS vụng về xấu xí trở thành đoạn code có cấu trúc tốt. Code trước khi làm đẹp Code sau khi làm đẹp 10. Kiểm tra performance của đoạn code JSĐể kiểm tra đoạn code JS của chúng ta thực hiện tốt ra và chia sẻ kết quả kiểm tra ta có thể dùng jsperf. Đó là cách dễ dàng nhất để tạo và chia sẻ testcases. Bài viết được tham khảo từ: https://www.loginradius.com/engineering/16-javascript-hacks-for-optimization/ |