Javascript 备忘单

变量

声明变量：

var variableName = value;
let variableName = value;
const variableName = value;

其中，使用 var 关键字声明变量会将变量提升至函数作用域或全局作用域。使用 let 和 const 关键字声明变量将局部绑定变量，不会提升变量。

数据类型

Javascript 中有七种数据类型：

• Undefined
• Null
• Boolean
• Number
• String
• Symbol
• Object

可以使用 typeof 运算符查看变量的数据类型：

typeof variableName;

操作符

• 算术操作符： + - * / %
• 自增自减操作符： ++ --
• 赋值操作符： = += -= *= /= %= <<= >>= >>>= &= ^= |
• 比较操作符： == != === !== < > <= >=
• 逻辑操作符： && || !
• 位操作符： & | ^ ~ << >> >>>
• 三元表达式： condition ? expression1 : expression2

控制流

• if 语句

if (condition) {
  // ...
} else if (condition2) {
  // ...
} else {
  // ...
}

• switch 语句

switch (expression) {
  case value1:
    // ...
    break;
  case value2:
    // ...
    break;
  default:
    // ...
    break;
}

• while 循环

while (condition) {
  // ...
}

• do-while 循环

do {
  // ...
} while (condition)

• for 循环

for (let i = 0; i < array.length; i++) {
  // ...
}

函数

声明函数：

function functionName(param1, param2) {
  // ...
  return value;
}

匿名函数：

const functionName = function(param1, param2) {
  // ...
  return value;
}

箭头函数：

const functionName = (param1, param2) => {
  // ...
  return value;
}

可以使用 arguments 对象获取所有传入函数的参数。使用 ...rest 语法可以获取剩余的参数。

function calculateSum() {
  let sum = 0;
  for (let i = 0; i < arguments.length; i++) {
    sum += arguments[i];
  }
  return sum;
}

function logArguments(param1, param2, ...rest) {
  console.log(param1, param2, rest);
}

对象

创建对象：

const objectName = {
  propertyName1: value1,
  propertyName2: value2,
  propertyName3: function() {
    // ...
  },
  propertyName4() {
    // ...
  }
};

访问属性：

objectName.propertyName1;
objectName['propertyName1'];

数组

创建数组：

const arrayName = [value1, value2, value3];

访问元素：

arrayName[index];

字符串

字符串可以使用单引号或双引号表示。可以使用 + 运算符将字符串拼接起来。

const string1 = 'Hello';
const string2 = "World";
const string3 = string1 + ' ' + string2;

字符串方法：

• charAt(index)：返回指定索引处的字符。
• substring(start, end)：返回从指定起始位置截取的子字符串。
• slice(start, end)：返回从指定起始位置截取的子字符串。
• indexOf(searchValue)：返回指定值在字符串中第一次出现的位置。
• lastIndexOf(searchValue)：返回指定值在字符串中最后一次出现的位置。
• replace(searchValue, replaceValue)：将字符串中的指定值替换为另一个值。
• toUpperCase()：将字符串转换为大写。
• toLowerCase()：将字符串转换为小写。

const string = 'Hello World';
string.charAt(1); // e
string.substring(0, 5); // Hello
string.slice(0, 5); // Hello
string.indexOf('o'); // 4
string.replace('World', 'Javascript'); // Hello Javascript
string.toUpperCase(); // HELLO WORLD
string.toLowerCase(); // hello world