Javascript 备忘单 - Javascript

变量声明

Javascript 中的变量声明使用 var、let 或 const 关键字，变量名必须符合标识符的规则。

// 变量声明
var num = 1;
let str = "hello";
const arr = [1, 2, 3];

数据类型

Javascript 有许多数据类型，包括基本数据类型和复杂数据类型。

基本数据类型

• 数字类型：Number
• 字符串类型：String
• 布尔类型：Boolean
• null 类型
• undefined 类型

// 基本数据类型
let num = 1;
let str = "hello";
let bool = true;
let n = null;
let u = undefined;

复杂数据类型

• 对象类型：Object
• 数组类型：Array
• 函数类型：Function

// 复杂数据类型
let obj = { name: "Jack", age: 20 };
let arr = [1, 2, 3];
let func = function() { console.log("Hello World"); };

运算符

Javascript 支持许多类型的运算符，包括算术运算符、赋值运算符、比较运算符、逻辑运算符等。

// 算术运算符
let num1 = 10;
let num2 = 5;
let result = num1 + num2;

// 赋值运算符
let num = 10;
num += 5;

// 比较运算符
let a = 10;
let b = 5;
let result1 = a > b;

// 逻辑运算符
let x = true;
let y = false;
let result2 = x && y;

流程控制

Javascript 中有许多种流程控制语句，包括条件语句、循环语句、跳转语句等。

条件语句

// if 语句
let num = 10;
if(num > 5) {
  console.log("num 大于 5");
}

// switch 语句
let color = "red";
switch(color) {
  case "red":
    console.log("红色");
    break;
  case "green":
    console.log("绿色");
    break;
  default:
    console.log("其他颜色");
}

循环语句

// for 循环
for(let i = 1; i <= 10; i++) {
  console.log(i);
}

// while 循环
let i = 1;
while(i <= 10) {
  console.log(i);
  i++;
}

// do-while 循环
let j = 1;
do {
  console.log(j);
  j++;
} while(j <= 10);

跳转语句

// break 语句
for(let i = 1; i <= 10; i++) {
  if(i === 5) {
    break;
  } else {
    console.log(i);
  }
}

// continue 语句
for(let i = 1; i <= 10; i++) {
  if(i === 5) {
    continue;
  } else {
    console.log(i);
  }
}

函数

Javascript 中的函数使用 function 关键字来声明，可以有多个参数和返回值。

function add(num1, num2) {
  let result = num1 + num2;
  return result;
}

let sum = add(2, 3);
console.log(sum);

对象

Javascript 对象是一种包含多个键值对的数据结构。它可以通过 . 或 [] 来访问其中的属性。

let person = {
  name: "Jack",
  age: 20,
  sayHello: function() {
    console.log("Hello");
  }
};

console.log(person.name);
console.log(person["age"]);
person.sayHello();

数组

Javascript 数组是一种可以存储多个值的有序列表，可以通过索引访问其中的元素。

let arr = [1, 2, 3];
console.log(arr[0]);
arr.push(4);
console.log(arr.length);

异步编程

Javascript 是一种单线程的语言，无法同时处理多个任务。因此，它使用异步编程模型来解决这个问题。

回调函数

function fetchData(callback) {
  setTimeout(function() {
    let data = { name: "Jack", age: 20 };
    callback(data);
  }, 1000);
}

function processData(data) {
  console.log(data);
}

fetchData(processData);

Promise

function fetchData() {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      let data = { name: "Jack", age: 20 };
      resolve(data);
    }, 1000);
  });
}

fetchData().then(function(data) {
  console.log(data);
});

Async/Await

async function getData() {
  let data = await fetchData();
  console.log(data);
}

getData();