当涉及到 JavaScript 编程时,一个备忘单可以帮助你快速回顾语法、常见模式和技巧。以下是一个简单的 JavaScript 备忘单,覆盖了一些基础知识和常见用法:

数据类型

  •  基本数据类型: string、number、boolean、null、undefined。

  
let str = 'Hello';
let num = 42;
let bool = true;
let nul = null;
let undf = undefined;

  •  引用数据类型: object、array、function。

let obj = { key: 'value' };
let arr = [1, 2, 3];
function greet(name) {
  console.log('Hello, ' + name);
}

操作符

  •  算术操作符: +、-、*、/、%。

  
let sum = 5 + 10;
let product = 3 * 4;

  •  比较操作符: ==、===、!=、!==、>、<、>=、<=。

  
let isEqual = (5 === '5'); // false

  •  逻辑操作符: &&、||、!。

  
let result = (true && false); // false

控制流

  •  条件语句: if、else if、else。

  
let num = 10;
if (num > 0) {
  console.log('Positive');
} else if (num < 0) {
  console.log('Negative');
} else {
  console.log('Zero');
}

  •  循环语句: for、while、do-while。

for (let i = 0; i < 5; i++) {
  console.log(i);
}

let counter = 0;
while (counter < 3) {
  console.log(counter);
  counter++;
}

函数

  •  函数声明:

function greet(name) {
  console.log('Hello, ' + name);
}

  •  匿名函数和箭头函数:

let add = function(x, y) {
  return x + y;
};

let multiply = (x, y) => x * y;

  •  闭包:

function outer() {
  let value = 10;
  function inner() {
    console.log(value);
  }
  return inner;
}

let closure = outer();
closure(); // 10

对象和数组

  •  对象字面量:

let person = {
  name: 'John',
  age: 25,
  greet: function() {
    console.log('Hello!');
  }
};

  •  数组方法: push()、pop()、shift()、unshift()、splice()、concat()、slice()。

let numbers = [1, 2, 3];
numbers.push(4);

异步编程

  •  回调函数:

function fetchData(callback) {
  // 异步操作完成后调用回调函数
  setTimeout(() => {
    callback('Data received');
  }, 1000);
}

fetchData((data) => {
  console.log(data);
});

  •  Promise:

function fetchData() {
  return new Promise((resolve, reject) => {
    // 异步操作
    setTimeout(() => {
      resolve('Data received');
    }, 1000);
  });
}

fetchData()
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.error(error);
  });

这只是一个简单的 JavaScript 备忘单,覆盖了一些基本的语法和常见用法。在实际开发中,你可能会涉及更多的主题和复杂的概念,这取决于项目的要求和技术栈。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3588/JavaScript