https://thangtmc73.github.io/posts/Recent content in Posts on thangtmc73Hugo -- gohugo.ioen-usFri, 26 Nov 2021 22:47:31 +0700https://thangtmc73.github.io/posts/2021-11-26-javascript-hoisting/Fri, 26 Nov 2021 22:47:31 +0700https://thangtmc73.github.io/posts/2021-11-26-javascript-hoisting/Khái niệm Hoisting trong Javascript là một hành vi của Javascript engine, nó sẽ đem phần khai báo (declaration) của một biến (variable), một hàm (function) hoặc một lớp (class) lên trên đầu scope của chúng trước khi thực thi code. Nói cách khác, bạn có thể thực thi một logic truy cập một biến, một hàm hoặc một lớp trước khi khai báo nó, Javascript engine sẽ hiểu ngầm đem phần khai báo đó lên trên trước khi thực thi đoạn logic của bạn.https://thangtmc73.github.io/posts/2021-07-12-truthy-value-falsy-value-trong-javascript/Mon, 12 Jul 2021 02:11:49 +0700https://thangtmc73.github.io/posts/2021-07-12-truthy-value-falsy-value-trong-javascript/Falsy value Falsy value là những giá trị trong Javascript trong bối cảnh bị ép kiểu về kiểu Boolean sẽ trả về giá trị false. Những giá trị falsy bao gồm: 1 2 3 4 5 6 7 false; // Boolean 0, -0; // Number 0n, -0n, 0x0n, -0x0n; // BigInt undefined; null; NaN; "", "", ``; // String (empty) Truthy value Ngược lại với falsy value, truthy value sẽ trả về giá trị true.https://thangtmc73.github.io/posts/2021-07-12-filter-boolean-trong-javascript/Mon, 12 Jul 2021 02:05:34 +0700https://thangtmc73.github.io/posts/2021-07-12-filter-boolean-trong-javascript/Khi đọc qua phần config Wepback mặc định của template Create React App tôi tìm thất phần code như sau: 1 2 3 4 5 6 7 8 const loaders = [ isEnvDevelopent && require.resolve("style-loader"), isEnvProduction && { loader: MiniCssExtractPlugin.loader, options: shouldUseRelativeAssetPath ? { publicPath: "../../" } : {}, }, // ... ].filter(Boolean); Vậy rốt cuộc filter(Boolean) có ý nghĩa gì? Phân tích Ta có loaders khai báo và định nghĩa với kiểu Array, sử dụng prototype.