前端学习记录~2023.7.22~JavaScript重难点实例精讲～第1章 Javascript重点概念

**前端学习记录**

**2023.7.22**

**JavaScript 重难点实例精讲**

**第1 章：JavaScript 重点概念**

作为一名前端开发者，掌握 JavaScript 的基础知识是非常重要的。然而，JavaScript 有许多重难点概念需要深入理解和实践。下面，我们将逐步介绍这些重点概念，并通过实例代码进行演示。

###1. 变量和数据类型在 JavaScript 中，变量使用 `let` 或 `const` 关键字声明。其中，`let` 声明的变量可以被重新赋值，而 `const` 声明的变量则是不可改变的。

javascript// let 声明的变量let name = 'John';
console.log(name); // Johnname = 'Jane';
console.log(name); // Jane// const 声明的变量const age =30;
console.log(age); //30age =31; // TypeError: Assignment to constant variable.

javascript// 数组的声明和赋值let colors = ['red', 'green', 'blue'];
console.log(colors); // ['red', 'green', 'blue']

// 数组的长度console.log(colors.length); //3// 数组的索引访问console.log(colors[0]); // red// 数组的修改colors.push('yellow');
console.log(colors); // ['red', 'green', 'blue', 'yellow']

javascript// 对象的声明和赋值let person = { name: 'John', age:30 };
console.log(person); // { name: 'John', age:30 }

// 对象的属性访问console.log(person.name); // John// 对象的属性修改person.age =31;
console.log(person); // { name: 'John', age:31 }

javascript// 函数的声明和赋值function greet(name) {
 console.log(`Hello, ${name}!`);
}

greet('John'); // Hello, John!

// 匿名函数let add = function(a, b) {
 return a + b;
};

console.log(add(2,3)); //5// 箭头函数let multiply = (a, b) => a * b;

console.log(multiply(4,5)); //20

javascript// if else 的使用let x =10;
if (x >5) {
 console.log('x 大于5');
} else {
 console.log('x 小于或等于5');
}

// switch caselet day = 'Monday';
switch (day) {
 case 'Monday':
 console.log('今天是星期一');
 break;
 case 'Tuesday':
 console.log('今天是星期二');
 break;
 default:
 console.log('今天不是星期一或星期二');
}

javascript// for 循环的使用for (let i =0; i < 5; i++) {
 console.log(i);
}

// while 循环let j =0;
while (j < 5) {
 console.log(j);
 j++;
}

javascript// 正则表达式的使用let str = 'Hello, world!';
console.log(str.match(/world/)); // ['world']

// 正则表达式的修饰符let regex = /hello/g;
console.log(str.match(regex)); // ['hello', 'hello']