Skip to content
youhoc
  • Pages
    • Home
    • Modern App Guidelines
    • Linux
      • Day 1: Linux Distributions & Navigation
      • Day 2: User Management
      • Day 3: File Permission & Ownership
      • Day 4: Package Management
      • Day 5: Services Management
    • Javascript
      • JS The Weird Part
        • Execution Context
        • icon picker
          Types & Operators
        • Objects & Functions
        • Error Handling & Strict Mode
        • Typescript, ES6, Tra
      • Modern JS
        • JS in the Browser
        • Data Storage JSON
        • Modern JS
        • Advanced Objects & Methods
        • Webpack & Babel
        • Async
      • jQuery
        • In-depth Analysis of jQuery
      • React-ready JS
        • Arrow Function
        • Template Literals
        • Logical AND, OR, Ternary, Nullish Operators
        • Destructuring & Rest Operator
        • Array Method
        • Immutability and Spread Operator
        • Promises, Async/Await, Callback
    • PHP
      • gruntJS
      • composer
      • MySQL
    • Docker
      • Container Basics
      • Container Networking
      • Container Image
      • Container Volume & Persistent Data
      • Dockerfile
      • Docker Compose
      • Docker Registry
    • Node.js
      • 1. Installing & Exploring
      • 2. Core Modules
      • 3. Get User Input
      • File System & Input Arguments
      • 5. Express Web Server
      • 6. Deploy to Heroku & Github
      • Authentication
      • 7. Databases
      • 8. Rest API
    • ReactJS
      • React from Andrew
        • Summary from Next
        • 1. Basics
        • 2. React Components
        • 3. Webpack
        • 4. Styling with SCSS
        • 5. React Router
        • 6. React Hook
      • Modern React From The Beginning
        • Intro to JSX
        • Vite Build Tools
        • Basic Component Creation
        • Component State
        • Props & Component Composition
        • useState with Inputs & Form Submission
        • useEffect, useRef & Local Storage
        • Async / Await and Http Request in React
        • React Router: Declarative Mode
        • ContextAPI
        • React Router: Framework Mode
          • File-routing & HTML Layouts
          • Server-side Data Query
          • Links & Navigation
          • Loaders
    • Typescript
      • Type User vs UserProp
    • Payload CMS
youhoc
/
/
Types & Operators

Types & Operators

Types (loại biến trong JS) là “dynamic”, nghĩa là một biến đang lưu giá trị loại gì thì còn tùy code ở chỗ đó.
Primitive Types: data of a single value, NOT OBJECT
undefined: biến có tồn tại nhưng chưa được gán giá trị
null: biến có giá trị rỗng
boolean
number: floating point number (số thập phân)
string
symbol: used in ES6
⁠
img.jpg
⁠
⁠
⁠
Operators
Operator Precedence & Associativity
Các operator có thứ tự ưu tiên, nếu ngang cấp thì làm từ trái sang phải (hoặc phải sang trái)
Nhân chia thì cao hơn cộng trừ
trong ngoặc () cao hơn bên ngoài
Bảng thứ tự các operator theo cấp bậc
⁠
Loading
developer.mozilla.org
⁠
⁠
Coercion: chuyển đổi 1 biến từ loại này sang loại khác
var a = 1 + '2'; // 12
var a = 3 < 2 < 1; // false < 1, 0 < 1, true

// cẩn thận khi dùng equality
false == 0; // true
'3' == 3; // true
null == 0; // false
null < 1; // true, null = 0
'' == false; // true

// nên dùng strict equality, đừng so sánh
// so sánh các giá trị cùng loại
'3' === 3; // false
false === 0; // false
Operator Comparison Table
⁠
Existence and boolean
|| OR ít nhất một giá trị TRUE
OR cũng đồng thời return lại giá trị TRUE
falsse || true will return true
nếu 1 biến không tồn tại, sử dụng giá trị mặc định
&& AND tất cả đều phải TRUE
⁠
Convert một giá trị về 1 loại
Number()
Boolean()
⁠
Default Values
// nếu 1 biến không tồn tại, sử dụng giá trị mặc định
// nếu 1 biến có tồn tại, sử dụng giá trị hiện có
var name = name || ‘Your Name’;

// thay thế được IF statement

// OR có thứ tự precedence cao hơn EQUAL

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.