JavaScript基础回顾:变量、数据类型、条件语句、循环、函数与作用域

125 阅读2分钟

1. 变量

在 JavaScript 中,变量用于存储数据。我们可以使用 varletconst 来声明变量:

  • var:函数作用域,可以被重新赋值。
  • let:块作用域,可以被重新赋值。
  • const:块作用域,不可被重新赋值。
//复制代码
var name = "Alice";  // 使用 var 声明变量
let age = 30;        // 使用 let 声明变量
const pi = 3.14;    // 使用 const 声明常量

2. 数据类型

  • 基本数据类型
    • 字符串(String):用来表示文本,如 "Hello, World!"
    • 数字(Number):表示整数和浮点数,如 423.14
    • 布尔值(boolean):只有两个值:truefalse
    • null:表示“无”或“空”值
    • undefined:表示未定义的值
  • 引用数据类型(或复合数据类型):
    • 对象(object):用于存储复杂数据结构,如 { name: "Alice", age: 30 }
    • 数组(Array):特殊的对象,用于存储有序的集合,如 [1, 2, 3]

typeof可以用来类型判断:

console.log(typeof 123);      // "number"
console.log(typeof "abc");    // "string"
console.log(typeof true);     // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null);     // "object"(这是一个历史遗留bug)
console.log(typeof {});       // "object"
console.log(typeof []);       // "object"  
console.log(typeof function(){}); // "function"

3. 条件语句

3.1 JavaScript 使用 if -else if-else 语句来执行条件判断

//复制代码
let score = 85;

if (score >= 90) {
    console.log("优秀");
} else if (score >= 75) {
    console.log("良好");
} else {
    console.log("需要努力");
}

3.2 switch语句也是很有用的条件判断工具

let fruit = 'apple';
switch (fruit) {  
    case 'apple'console.log('这是苹果');
        break; 
    case 'banana'console.log('这是香蕉');
        break;
    defaut:
        console.log("不知道是什么水果");
    }

4.循环

常用的循环结构包括 for 循环和 while 循环。

  • for 循环
//复制代码
for (let i = 0; i < 5; i++) {
    console.log(i);  // 输出 0 到 4
}
  • while 循环
//复制代码
let j = 0;
while (j < 5) {
    console.log(j);  // 输出 0 到 4
    j++;
}

5. 函数

函数是可以重复使用的代码块。我们可以使用 function 关键字定义函数:

//复制代码
function greet(name) {
    return "Hello, " + name + "!";
}

console.log(greet("Alice"));  // 输出 "Hello, Alice!"

ES6 中又加入了一种新的定义函数的方式箭头函数其语法更加简洁清晰,例如 const sum = (a, b) => a + b;

6. 作用域

作用域决定了变量的可访问性。JavaScript 中有三种作用域:

  • 全局作用域:在任何地方都可以访问的变量。
  • 函数作用域:在函数内部定义的变量只能在该函数内访问。
  • 块作用域:使用 letconst 声明的变量仅在其块级作用域内有效。
//复制代码
let globalVar = "I'm global";  // 全局变量

function myFunction() {
    let localVar = "I'm local";  // 函数作用域
    console.log(globalVar);      // 可以访问全局变量
}

myFunction();
console.log(localVar);       // 这会报错,因为 localVar 在函数外不可访问

总结

本文介绍了 JavaScript 的基础知识,包括变量和数据类型、条件语句和循环、以及函数和作用域。掌握这些基础概念将有助于你在 JavaScript 开发中更有效地工作。希望你能继续深入学习,探索更高级的功能和特性!