Collection WeakSet trong ES6 - Javascript nâng cao
WeakSet có thể được coi là một phiên bản tương tự như Set, tuy nhiên với WeakSet thì dữ liệu truyền vào luôn phải là một đối tượng (object, class, function) và bạn phải tạo một giá trị (key) trước khi lưu vào, điều này khác hoàn toàn với Set là Set có thể lưu trữ mọi dữ liệu kể cả number và ...
Collection WeakMap trong ES6 - Javascript nâng cao
WeakMap là một loại kiểu dữ liệu giống như Map vậy, nghĩa là sẽ tồn tại hai tham số key => value cho mỗi phần tử. Tuy nhiên với WeakMap thì key truyền vào phải là một biến và biến này phải là một Object (class, function, object), con với Map thì bạn có thể thiết lập key là chuỗi, number, object ...
Collection Maps trong ES6 - Javascript nâng cao
Trong bài này chúng ta tìm hiểu một kiểu dữ liệu mới nữa đó là Maps. Map là một kiểu dữ liệu tương tự như Set, tuy nhiên với Map thì có cấu trúc dạng key => value còn với Set thì chỉ có value. 1. Map trong ES6 Chúng ta có các thao tác chính ...
Collection Sets trong ES6 - Javascript nâng cao
Trong ES5 không tồn tại dữ liệu dạng cấu trúc tập hợp, vì vậy chúng ta sử dụng mảng để lưu trữ dữ tập hợp các phần tử. Tuy nhiên với ES6 thì mọi chuyện đơn giản hơn bởi vì nó có hỗ trợ kiểu dữ liệu tập hợp Set với các giá trị truyền vào tùy ý kèm theo tốc độ xử lý nhanh chóng. 1. Set trong ...
Const - biến không thay nhất đổi giá trị trong ES6 - Javascript nâng cao
Khái niệm const (hằng số) đã tồn tại trong các ngôn ngữ lập trình cấp cao như C#, Java. Nhưng với Javascript thì chỉ vào năm 2015 kể từ lúc ES6 ra đời mới tồn tại khái niệm này. 1. Const trong ES6 Về định nghĩa thì const có nghĩa là hằng số, điều này có nghĩa nếu một biến ...
Rest Parameters trong ES6 - Javascript nâng cao
Rest Parameters dịch theo tiếng Anh chuyên ngành công nghệ thông tin có nghĩa là tham số còn lại, điều này có nghĩa là bạn có thể khai báo một hàm với số lượng tham số không xác định, đây là một tính năng mới khiến Javascript ngày càng trở nên mạnh mẽ hơn. 1. Rest Parameters trong ES6 Để ...
Default Parameters trong ES6 - Javascript nâng cao
Default Parameter là giá trị mặc định của tham số khi truyền vào các function. Đối với Javascript thì có nhiều bạn chưa biết chức năng này mặc dù trong ES5 đã cung cấp săn cho chúng ta, tuy nhiên người ta cảm thấy cách tạo giá trị mặc định trong ES5 vẫn không hay nên họ đã bổ sung một cách khác ...
Destructuring Assignments trong ES6 - Javascript nâng cao
Trong bài này chúng ta học một chức năng mới nữa trong ES6 đó là Destructured Assignment, chức năng này giống hàm list trong PHP vậy, nghia là nó sẽ phân các giá trị trong mảng vào các biến theo thứ tự được truyền vào. Một ví dụ hàm list trong PHP: ...
Arrow Function trong ES6 - Javascript nâng cao
Trong bài này chúng ta tìm hiểu một cách định nghĩa function mới bằng cách sử dụng dấu mui tên =>, cách này được thêm vào bộ ES6 với cú pháp hoàn toàn mới lạ. Trong Javascript để tạo một function thì thông thường chúng ta sử dụng hai cách sau: ...
ES6 Block Scoped - Khởi tạo biến với từ khóa let - Javascript nâng cao
Trong ES6 có cung cấp một từ khóa nữa dùng để khởi tạo biến đó là từ khóa let, từ khóa này khác với từ khóa var ở chỗ phạm vi hoạt động. Với từ khóa var nếu ban khai báo biến bên trong hàm thì đó là biến cục bộ, còn nếu bạn khai báo bên ngoài hàm thì nó sẽ là một biến toàn ...
Điều kiện cần để tự học ES6 - Javascript nâng cao
ES6 được ra đời vào năm 2015 nên có thể coi nó là một phiên bản mới nhất của Javascript, vì vậy có thể các trình duyệt ra đời trước năm 2015 sẽ không hoạt động được. Nhưng bạn cũng đừng lo lắng quá bởi vì các Version mới nhất của Chrome và Firefox hiện nay hầu hết đã được tích hợp ES6 nên bạn ...
ECMAScript 2015 - ES6 là gì? - Javascript nâng cao
Hôm nay chúng ta bắt đầu tìm hiểu một thứ mới hơn về Javascript vừa được ra mắt vào năm 2015 đó là ECMAScript, đây có thể coi là được một phiên bản nâng cấp mới nhất dành cho Javascript nên phải học nó để khỏi tụt hậu phải không các bạn :) Trước tiên chúng ta sẽ tìm hiểu định nghĩa ...
Rò rỉ bộ nhớ RAM và CPU khi làm việc với Javascript - Javascript nâng cao
Javascript rất hay nhưng việc lạm dụng nó hoặc code không tối ưu thì rất nguy hiểm bởi vì việc tràn bộ nhớ RAM là có thể xảy ra. nên nếu bạn đang lập trình cho một website và khi chạy thì thấy bị rò rỉ bộ nhớ một cách nghiêm trọng thì rất có thể là do ứng dụng của bạn gây ra. Bài viết dưới đây sẽ ...
Anonymous function trong javascript - Javascript nâng cao
Trong Javascript chúng ta có thể khai báo hàm theo cú pháp chuẩn của nó, hoặc sử dụng Closure function, hoặc trong ES6 thì sử dụng Arrow function. Nhưng bạn có biết chúng ta có một cách khai báo hàm nữa rất hay đó là Anonymous functions. 1. Anonymous functions là gì? Anonymous ...
Hiểu hơn về hàm call() và apply() trong Javascript - Javascript nâng cao
Trước đây khi viết Javascript mình đã rất thắc mắc sự khác biệt và khi nào nên sử dụng hàm call() và hàm apply(), đương nhiên Javacript không dư thừa đến mức tạo ra hai hàm có công dụng y chang nhau. Nếu bạn cũng đang có cùng thắc mắc này thì hãy cùng mình làm sáng tỏ trong bài viết này nhé. 1. ...
Hiểu hơn về hàm bind() trong Javascript - Javascript nâng cao
Nếu bạn đã từng sử dụng đối tượng this trong Javascript thì bạn sẽ thấy có một số vấn đề quan trọng khi sử dụng, nhất là với trường hợp sử dụng trong các hàm và các đối tượng. 1. Đặt vấn đề với this Đối tượng this gây ra rất nhiều khó khăn cho các bạn mới học Javascript, đặc biệt là khi bạn có ...
Callback Function là gì? Callback trong Javascript - Javascript nâng cao
Trong bài này chúng ta sẽ tìm hiểu Callback Function là gì, đồng thời học thêm cách tạo và sử dụng callback function trong Javascript từ căn bản đến nâng cao. Trong Javascript thì function được coi là first-class objects, điều này có nghĩa function cũng là một loại Object nên ta có thể sử ...
Closure là gì? Closure function trong Javascript - Javascript nâng cao
Closure là một khái niệm không phải ai cũng biết và thực sự hiểu về nó, đây có thể coi là một cách định nghĩa hàm nâng cao giúp code nhìn trong sáng, cách sử dụng linh hoạt hơn, vì vậy nếu bạn muốn học Javascript nâng cao hoặc học các Javascript Framework khác thì bắt buộc phải hiểu về Closure. Vậy ...
Hiểu rõ hơn về từ khóa this trong Javascript - Javascript nâng cao
Trong quá tình làm việc với Javascript thì mình thấy từ khóa this đã gây không biết bao nhiêu phiền toái, không chỉ phiền cho các bạn còn non kinh nghiệm mà các bạn già kinh nghiệm đôi lúc không để ý cũng bị nó hành một cách tội nghiệp. Trước đây mình cũng từng lâm vào tình cảnh không biết lỗi ...
Xử lý lỗi với try - catch trong Javascript - Javascript nâng cao
Việc quản lý lỗi và xuất thông báo lỗi trong NodeJS thực chất cũng là cách viết trong Javascript nên trong bài này mình chỉ tìm hiểu cách sử dụng đơn giản thôi nhé, còn thực hành thì chúng ta sẽ làm trong các series học NodeJS hoặc AngularJS. 1. Cách sử dụng Try Cache trong Javascript Try ...
