Skip to content

JavaScript 基础语法学习笔记

变量声明

js 里声明变量有 varletconst 三种。

var

javascript
var name = "JavaScript";
var age = 25;

var 有变量提升的问题,现在基本不用了。

let

javascript
let name = "JavaScript";
let age = 25;
age = 26; // 可以改

const

javascript
const PI = 3.14159;
const language = "JavaScript";
// language = "Python"; // 报错,不能改

一般优先用 const,需要改的时候再用 let。

数据类型

js 有这些类型:

基本类型

Number、String、Boolean、Undefined、Null、Symbol、BigInt

javascript
let num = 42;
let str = 'hello';
let bool = true;
let undef;
let nul = null;
let sym = Symbol('test');
let big = 9007199254740991n;

对象类型

javascript
let obj = { name: "js", age: 25 };
let arr = [1, 2, 3];
let func = function() { return "hi"; };

运算符

算术

javascript
let a = 10, b = 3;
a + b  // 13
a - b  // 7
a * b  // 30
a / b  // 3.33
a % b  // 1
a ** b // 1000

比较

javascript
5 > 3    // true
5 == "5" // true,会转类型
5 === "5" // false,严格比较

=== 比较安全,避免类型转换的坑。

逻辑

javascript
true && false  // false
true || false  // true
!true          // false

条件语句

if/else

javascript
let age = 18;
if (age >= 18) {
  console.log("成年人");
} else {
  console.log("未成年人");
}

switch

javascript
switch (day) {
  case "Monday": console.log("周一"); break;
  case "Tuesday": console.log("周二"); break;
  default: console.log("其他");
}

三元

javascript
let status = age >= 18 ? "成年人" : "未成年人";

循环

for

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

while

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

for...of

javascript
for (let item of [1, 2, 3]) {
  console.log(item);
}

for...in

javascript
for (let key in { a: 1, b: 2 }) {
  console.log(key);
}

函数

函数声明

javascript
function greet(name) {
  return `Hello, ${name}!`;
}

函数表达式

javascript
const greet = function(name) {
  return `Hello, ${name}!`;
};

箭头函数

javascript
const greet = (name) => `Hello, ${name}!`;
const add = (a, b) => a + b;

大概就这些基础内容,多写写代码就熟了。