Tóm Tắt Khóa Học JavaScript Cho Người Mới Bắt Đầu – Học Nhanh!

// Đây là một inline comment

/* Đây là một
multi-line comment
Bạn có thể viết nhiều dòng */

console.log("Hello world"); // Hiển thị "Hello world" trong console
    

// Khai báo biến
var myName = "Beau";  // Có thể thay đổi giá trị sau
let ourName = "freeCodeCamp";  // Block scope
const PI = 3.14;  // Không thể thay đổi giá trị

// Các kiểu dữ liệu
var myString = "Đây là một chuỗi";  // String
var myNumber = 10;  // Number
var myBoolean = true;  // Boolean
var myUndefined;  // Undefined
var myNull = null;  // Null
var myObject = {name: "Beau", age: 31};  // Object

// Case sensitivity
var StUdLyCapVar;  // Khác với
var studlyCapVar;  // Biến này

// Camel Case (quy ước đặt tên phổ biến)
var thisIsACamelCaseVariable;
    

// Các phép tính cơ bản
var sum = 10 + 10;  // 20
var difference = 45 - 33;  // 12
var product = 8 * 10;  // 80
var quotient = 66 / 33;  // 2

// Tăng/giảm giá trị
var myVar = 87;
myVar++;  // Tương đương với myVar = myVar + 1
myVar--;  // Tương đương với myVar = myVar - 1

// Số thập phân
var myDecimal = 0.009;

// Phép chia lấy dư
var remainder = 11 % 3;  // 2 (11 chia 3 dư 2)

// Toán tử gán kết hợp
var a = 3;
a += 12;  // Tương đương với a = a + 12 (a = 15)
a -= 6;   // Tương đương với a = a - 6 (a = 9)
a *= 2;   // Tương đương với a = a * 2 (a = 18)
a /= 3;   // Tương đương với a = a / 3 (a = 6)
    

// Khai báo chuỗi
var myString = "Đây là chuỗi với dấu nháy kép";
var singleQuote = 'Đây là chuỗi với dấu nháy đơn';
var backtickString = `Đây là chuỗi với backticks`;

// Escape characters
var escape = "Tôi nói \"JavaScript rất thú vị\"";
var newLine = "Dòng đầu tiên.\nDòng thứ hai.";

// Nối chuỗi
var ourStr = "Phần đầu. " + "Phần sau.";
var str = "Hello";
str += " World"; // str giờ là "Hello World"

// Nối chuỗi với biến
var name = "Beau";
var message = "Xin chào, tên tôi là " + name + "!";

// Độ dài chuỗi
var nameLength = name.length; // 4

// Truy cập ký tự trong chuỗi
var firstLetter = name[0]; // "B"
var lastLetter = name[name.length - 1]; // "u"

// Chuỗi là immutable
var myStr = "Jello World";
// myStr[0] = "H"; // Lỗi! Không thể thay đổi
myStr = "Hello World"; // Có thể gán lại toàn bộ chuỗi
    

// Khai báo mảng
var myArray = ["string", 1];

// Mảng lồng nhau
var nestedArray = [["John", 23], ["dog", 3]];

// Truy cập phần tử trong mảng
var firstElement = myArray[0]; // "string"

// Truy cập phần tử trong mảng lồng nhau
var johnAge = nestedArray[0][1]; // 23

// Thay đổi phần tử trong mảng
myArray[1] = 45; // Mảng giờ là ["string", 45]

// Thêm phần tử vào cuối mảng
myArray.push("new item"); // ["string", 45, "new item"]

// Xóa phần tử cuối mảng
var lastItem = myArray.pop(); // lastItem = "new item", myArray = ["string", 45]

// Xóa phần tử đầu mảng
var firstItem = myArray.shift(); // firstItem = "string", myArray = [45]

// Thêm phần tử vào đầu mảng
myArray.unshift("first"); // myArray = ["first", 45]

// Ví dụ shopping list
var shoppingList = [
  ["Cereal", 3], 
  ["Milk", 2], 
  ["Bananas", 3], 
  ["Juice", 2], 
  ["Eggs", 12]
];
    

// Khai báo hàm cơ bản
function reusableFunction() {
  console.log("Hi World");
}

// Gọi hàm
reusableFunction();

// Hàm với tham số
function functionWithArgs(a, b) {
  console.log(a + b);
}
functionWithArgs(10, 5); // 15

// Hàm có return
function timesFive(num) {
  return num * 5;
}
var result = timesFive(5); // 25

// Global scope vs Local scope
var outerWear = "T-Shirt"; // Global

function myOutfit() {
  var outerWear = "sweater"; // Local
  return outerWear;
}

myOutfit(); // "sweater"
console.log(outerWear); // "T-Shirt"

// Gán giá trị trả về từ hàm
var processed = 0;
function processArg(num) {
  return (num + 3) / 5;
}

processed = processArg(7); // 2
    

// Câu lệnh if cơ bản
function test(myCondition) {
  if (myCondition) {
    return "It was true";
  }
  return "It was false";
}

// Toán tử so sánh
function testEqual(val) {
  if (val == 12) { // So sánh với chuyển đổi kiểu
    return "Equal";
  }
  return "Not Equal";
}

function testStrict(val) {
  if (val === 12) { // So sánh nghiêm ngặt (không chuyển đổi kiểu)
    return "Equal";
  }
  return "Not Equal";
}

// Toán tử logic
function testLogical(val) {
  if (val > 5 && val < 10) { return "Yes"; } return "No"; } // Câu lệnh if-else function testElse(val) { if (val > 5) {
    return "Bigger than 5";
  } else {
    return "5 or Smaller";
  }
}

// Câu lệnh else if
function testElseIf(val) {
  if (val > 10) {
    return "Greater than 10";
  } else if (val < 5) {
    return "Smaller than 5";
  } else {
    return "Between 5 and 10";
  }
}

// Switch statement
function caseInSwitch(val) {
  switch(val) {
    case 1:
      return "alpha";
      break;
    case 2:
      return "beta";
      break;
    case 3:
      return "gamma";
      break;
    case 4:
      return "delta";
      break;
    default:
      return "Something else";
      break;
  }
}

// Toán tử điều kiện (ternary)
function checkEqual(a, b) {
  return a === b ? true : false;
}
    

// Khai báo object
var myDog = {
  "name": "Quincy",
  "legs": 3,
  "tails": 2,
  "friends": []
};

// Truy cập properties với dot notation
var dogName = myDog.name; // "Quincy"

// Truy cập properties với bracket notation
var dogLegs = myDog["legs"]; // 3

// Truy cập properties với biến
var property = "name";
var dogProperty = myDog[property]; // "Quincy"

// Cập nhật properties
myDog.name = "Happy Quincy";

// Thêm properties mới
myDog.bark = "woof!";

// Xóa properties
delete myDog.tails;

// Kiểm tra xem object có property
var hasProperty = myDog.hasOwnProperty("bark"); // true

// Object phức tạp
var myStorage = {
  "car": {
    "inside": {
      "glove box": "maps",
      "passenger seat": "crumbs"
    },
    "outside": {
      "trunk": "jack"
    }
  }
};

// Truy cập nested objects
var gloveBoxContents = myStorage.car.inside["glove box"]; // "maps"

// Objects và Arrays kết hợp
var myPlants = [
  { 
    type: "flowers",
    list: ["rose", "tulip", "dandelion"]
  },
  {
    type: "trees",
    list: ["fir", "pine", "birch"]
  }
];

// Truy cập arrays trong objects
var secondTree = myPlants[1].list[1]; // "pine"
    

// While loop
var myArray = [];
var i = 0;
while(i < 5) {
  myArray.push(i);
  i++;
}
// myArray = [0, 1, 2, 3, 4]

// For loop
var forArray = [];
for (var i = 1; i < 6; i++) {
  forArray.push(i);
}
// forArray = [1, 2, 3, 4, 5]

// For loop với số lẻ
var oddArray = [];
for (var i = 1; i < 10; i += 2) { oddArray.push(i); } // oddArray = [1, 3, 5, 7, 9] // For loop đếm ngược var countDown = []; for (var i = 10; i > 0; i -= 2) {
  countDown.push(i);
}
// countDown = [10, 8, 6, 4, 2]

// Duyệt mảng với for loop
var arr = [10, 9, 8, 7, 6];
var total = 0;
for (var i = 0; i < arr.length; i++) {
  total += arr[i];
}
// total = 40

// Nested for loops
function multiplyAll(arr) {
  var product = 1;
  for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < arr[i].length; j++) {
      product *= arr[i][j];
    }
  }
  return product;
}
var product = multiplyAll([[1,2],[3,4],[5,6,7]]);
// product = 5040

// Do...while loop
var doWhileArray = [];
var i = 10;
do {
  doWhileArray.push(i);
  i++;
} while (i < 5);
// doWhileArray = [10] (lặp ít nhất một lần)
    

// Tạo số thập phân ngẫu nhiên
var randomDecimal = Math.random(); // 0 <= num < 1

// Tạo số nguyên ngẫu nhiên từ 0 đến 9
var randomInt = Math.floor(Math.random() * 10); // 0-9

// Tạo số nguyên ngẫu nhiên trong khoảng min đến max
function randomRange(myMin, myMax) {
  return Math.floor(Math.random() * (myMax - myMin + 1)) + myMin;
}
var random = randomRange(5, 15); // 5-15

// Chuyển đổi chuỗi thành số nguyên
var a = parseInt("56"); // 56 (số)

// Chuyển đổi chuỗi nhị phân thành số nguyên
var b = parseInt("10011", 2); // 19 (trong hệ thập phân)
    

// let và const
let camper = "James";
const PI = 3.14159;

// Arrow functions
const magic = () => new Date();
const doubleIt = (num) => num * 2;
const sum = (a, b) => a + b;

// Default parameters
const greeting = (name = "Anonymous") => "Hello " + name;
greeting("John"); // "Hello John"
greeting(); // "Hello Anonymous"

// Rest operator
function howMany(...args) {
  return "You have passed " + args.length + " arguments.";
}
howMany(0, 1, 2); // "You have passed 3 arguments."
howMany("string", null, [1, 2, 3], {}); // "You have passed 4 arguments."

// Spread operator
const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
let arr2 = [...arr1]; // tạo bản sao của arr1

// Destructuring assignment
const user = { name: 'John Doe', age: 34 };
const { name, age } = user; // name = 'John Doe', age = 34

// Destructuring từ arrays
const [a, b,,, c] = [1, 2, 3, 4, 5, 6]; // a = 1, b = 2, c = 5

// Template literals
const person = { name: "Zodiac", age: 56 };
const greeting = `Hello, my name is ${person.name}!
I am ${person.age} years old.`;

// Concise object literals
const getMousePosition = (x, y) => ({ x, y });

// Class syntax
class SpaceShuttle {
  constructor(targetPlanet) {
    this.targetPlanet = targetPlanet;
  }
}
const zeus = new SpaceShuttle('Jupiter');

// Getters và setters
class Thermostat {
  constructor(fahrenheit) {
    this._temperature = 5/9 * (fahrenheit - 32);
  }
  
  get temperature() {
    return this._temperature;
  }
  
  set temperature(celsius) {
    this._temperature = celsius;
  }
}

// import và export
import { capitalizeString } from "./string_function";
export const foo = "bar";