JavaScript入门经典

介绍

JavaScript是一种用于实现交互式网页的脚本语言。它广泛应用于Web开发中，可以实现丰富的用户界面和动态效果。本文将介绍JavaScript的基础知识，并通过代码示例帮助读者快速入门。

JavaScript的基本语法

JavaScript的语法与其他编程语言类似，包括变量、数据类型、运算符、条件语句、循环语句和函数等。下面分别介绍这些基本知识点。

变量

在JavaScript中，使用var关键字声明变量。变量名可以是任意有效的标识符，但不能使用JavaScript的保留字。变量可以存储各种类型的数据，包括字符串、数字、布尔值、数组、对象等。

var name = "John";
var age = 25;
var isMale = true;

var numbers = [1, 2, 3, 4, 5];

var person = {
   name: "John",
   age: 25,
   isMale: true
};

数据类型

JavaScript有多种数据类型，包括字符串、数字、布尔值、数组、对象、null和undefined等。可以使用typeof运算符来检查变量的数据类型。

var name = "John";
console.log(typeof name); // 输出 "string"

var age = 25;
console.log(typeof age); // 输出 "number"

var isMale = true;
console.log(typeof isMale); // 输出 "boolean"

var numbers = [1, 2, 3, 4, 5];
console.log(typeof numbers); // 输出 "object"

var person = {
   name: "John",
   age: 25,
   isMale: true
};
console.log(typeof person); // 输出 "object"

var empty = null;
console.log(typeof empty); // 输出 "object"

var undefinedVar;
console.log(typeof undefinedVar); // 输出 "undefined"

运算符

JavaScript支持各种运算符，包括算术运算符、赋值运算符、比较运算符、逻辑运算符等。下面是一些常用的运算符示例：

var x = 10;
var y = 5;

console.log(x + y); // 输出 15
console.log(x - y); // 输出 5
console.log(x * y); // 输出 50
console.log(x / y); // 输出 2
console.log(x % y); // 输出 0

var a = 10;
a += 5;
console.log(a); // 输出 15

var b = 5;
console.log(x > y); // 输出 true
console.log(x < y); // 输出 false
console.log(x == y); // 输出 false
console.log(x >= y); // 输出 true
console.log(x <= y); // 输出 false

var c = true;
var d = false;
console.log(c && d); // 输出 false
console.log(c || d); // 输出 true
console.log(!c); // 输出 false

条件语句

JavaScript的条件语句用于根据条件执行不同的代码块。常见的条件语句有if语句和switch语句。

var time = 15;

if (time < 12) {
   console.log("Good morning!");
} else if (time < 18) {
   console.log("Good afternoon!");
} else {
   console.log("Good evening!");
}

var day = "Monday";

switch (day) {
   case "Monday":
      console.log("Today is Monday");
      break;
   case "Tuesday":
   case "Wednesday":
   case "Thursday":
   case "Friday":
      console.log("Today is a weekday");
      break;
   default:
      console.log("Today is a weekend");
      break;
}

循环语句

循环语句用于重复执行一段代码块，JavaScript提供了for循环和while循环。

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

var j = 0;
while (j < 5) {
   console.log(j);
   j++;
}

函数

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

function add(x, y) {
   return x + y;
}

console.log(add(5, 3)); // 输出 8

JavaScript的应用

JavaScript广泛应用于Web开发