用JS给前端开发加BUFF

前端

2023-11-25 14:56:48

JavaScript 基础：前端开发的利器

作用域：变量和函数的游乐场

在 JavaScript 的舞台上，作用域犹如一张神秘的地图，决定了变量和函数在这个编程世界中的出没范围。两种作用域各司其职，全局作用域让角色可以在整个剧场自由穿梭，而局部作用域则将它们限制在函数内部的小天地里。

运算符：数据处理的魔法棒

JavaScript 中的运算符就像一群魔法棒，对数据挥舞时，能变幻出各种结果。它们的功能包罗万象，从基本的算术运算，到复杂的逻辑判断，再到微妙的赋值操作，应有尽有。

判断语句：让程序做出决定

判断语句是 JavaScript 中的分水岭，能够根据条件为程序指明方向。if-else 结构就像一个守卫，判断条件成立时打开大门，否则关上。

循环语句：重复的艺术

循环语句让程序进入重复模式，像个勤劳的小蜜蜂，一遍遍执行指定的代码，直到完成任务。for、while 和 do-while 循环就像不同的舞步，各有各的节奏和风格。

时间：掌控时间的魔术

JavaScript 提供了一套时间魔术工具，让我们可以掌控时间的流动。获取当前时间、设置定时器、安排间隔执行任务，仿佛时间在我们指尖跳舞。

事件：用户交互的舞台

事件是 JavaScript 舞台上的明星，每当用户与网页互动时，这些事件便会登场，触发特定的代码执行。点击、鼠标移动、键盘敲击，这些动作都是事件的幕后推手。

实例代码：用代码点亮舞台

// 定义全局变量
var globalVariable = "我在全局舞台上自由自在";

// 定义局部变量
function localVariable() {
  var localVariable = "我在局部舞台上闪亮登场";
  console.log(localVariable); // 在局部舞台上输出
}

localVariable(); // 登上局部舞台
console.log(globalVariable); // 在全局舞台上输出

// if 语句判断条件
if (10 > 5) {
  console.log("10 比 5 大，太棒了！"); // 判断成立，输出欢呼
} else {
  console.log("10 不比 5 大，残念..."); // 判断不成立，输出遗憾
}

// for 循环重复执行
for (var i = 0; i < 10; i++) {
  console.log(i); // 循环输出数字 0 到 9
}

// 获取当前时间
var currentDate = new Date();
console.log(currentDate); // 输出当前时间

// 设置定时器
setTimeout(function() {
  console.log("定时器启动，3 秒后执行！"); // 3 秒后输出
}, 3000);

// 设置间隔器
setInterval(function() {
  console.log("间隔器启动，每秒执行一次！"); // 每秒输出
}, 1000);