JavaScript 入门基础知识 想学习js的朋友可以参考下

JavaScript 入门基础知识

本文将介绍 JavaScript 的基础知识，适合想要入门学习 JavaScript 的朋友参考。包括变量、数据类型、运算符、条件语句、循环语句、函数等基础内容。

变量

变量是存储数据的容器，在 JavaScript 中通过 var、let、const 来声明变量。

// 声明变量并初始化
var name = "John";
let age = 25;
const PI = 3.14;

// 修改变量值
name = "Tom";
age = 30;
// PI = 3.15; // const 变量不能重新赋值，会报错

数据类型

JavaScript 中的数据类型包括字符串、数字、布尔值、对象、数组等。可以通过 typeof 运算符获取变量的数据类型。

// 字符串
let str = "Hello, world!";
console.log(typeof str); // 输出：string

// 数字
let num = 100;
console.log(typeof num); // 输出：number

// 布尔值
let bool = true;
console.log(typeof bool); // 输出: boolean

// 对象
let obj = {name: "John", age: 25};
console.log(typeof obj); // 输出：object

// 数组
let arr = [1, 2, 3];
console.log(typeof arr); // 输出：object

运算符

在 JavaScript 中，常见的运算符有算术运算符、比较运算符、逻辑运算符等。

// 算术运算符
let x = 10;
let y = 3;
console.log(x + y); // 输出：13
console.log(x - y); // 输出：7
console.log(x * y); // 输出：30
console.log(x / y); // 输出：3.3333333333333335

// 比较运算符
console.log(x > y); // 输出：true
console.log(x < y); // 输出：false
console.log(x >= y); // 输出：true
console.log(x <= y); // 输出：false
console.log(x == y); // 输出：false
console.log(x != y); // 输出：true

// 逻辑运算符
let a = true;
let b = false;
console.log(a && b); // 输出：false
console.log(a || b); // 输出：true
console.log(!a); // 输出：false

条件语句

条件语句用于根据不同的条件执行不同的代码块，在 JavaScript 中有 if...else 语句和 switch 语句。

// if...else 语句
let score = 85;
if (score >= 90) {
  console.log("优秀");
} else if (score >= 80) {
  console.log("良好");
} else {
  console.log("及格");
}

// switch 语句
let color = "red";
switch (color) {
  case "red":
    console.log("红色");
    break;
  case "green":
    console.log("绿色");
    break;
  case "blue":
    console.log("蓝色");
    break;
  default:
    console.log("未知颜色");
}

循环语句

循环语句用于重复执行代码块，JavaScript 中有 for 循环和 while 循环。

// for 循环
for (let i = 1; i <= 10; i++) {
  console.log(i);
}

// while 循环
let i = 1;
while (i <= 10) {
  console.log(i);
  i++;
}

函数

函数是一段可重用的代码块，可以接收参数并返回结果，在 JavaScript 中用 function 关键字来定义。

// 定义函数
function greet(name) {
  console.log("Hello, " + name + "!");
}

// 调用函数
greet("John");
greet("Tom");

示例说明

示例一：计算数组元素之和

// 计算数组元素之和
let arr = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < arr.length; i++) {
  sum += arr[i];
}
console.log(sum); // 输出：15

示例二：随机生成验证码

// 随机生成验证码
function generateCode(len) {
  let code = "";
  for (let i = 0; i < len; i++) {
    let rand = Math.floor(Math.random() * 10);
    code += rand;
  }
  return code;
}

console.log(generateCode(6)); // 输出：随机六位数字验证码