语法 - JavaScript

概述

JavaScript是一种动态类型的解释性脚本语言。它可以在客户端通过浏览器执行，也可以在服务器端通过Node.js运行。JavaScript可以在HTML页面中被嵌入，并且可以与HTML和CSS进行交互。

JavaScript的语法由ECMAScript定义，它是一种标准化的脚本语言。此外，JavaScript还包括一些DOM（文档对象模型）和BOM（浏览器对象模型）API，它们为JavaScript提供了处理HTML和CSS的能力。

变量和数据类型

JavaScript中的变量使用var、let或const关键字声明。在ES6中，let和const新增了块级作用域的概念。

JavaScript中有以下几种数据类型：

• 基本数据类型：字符串（String）、数字（Number）、布尔值（Boolean）、空值（null）、未定义（undefined）
• 引用数据类型：对象（Object）、数组（Array）、函数（Function）

// 使用var关键字声明变量
var message = "Hello World!";
console.log(message);

// 使用let关键字声明变量
let counter = 0;
console.log(counter);

// 使用const关键字声明常量
const PI = 3.14;
console.log(PI);

// 数据类型
let name = "Tom";   // 字符串
let age = 18;       // 数字
let isMale = true;  // 布尔值
let person = null;  // 空值
let test;           // 未定义
console.log(typeof name);
console.log(typeof age);
console.log(typeof isMale);
console.log(typeof person);
console.log(typeof test);

运算符

JavaScript中有许多运算符，包括算术运算符、比较运算符、逻辑运算符等。

// 算术运算符
let x = 5;
let y = 2;
console.log(x + y);
console.log(x - y);
console.log(x * y);
console.log(x / y);
console.log(x % y);

// 比较运算符
let a = 5;
let b = 10;
console.log(a == b);
console.log(a != b);
console.log(a > b);
console.log(a < b);
console.log(a >= b);
console.log(a <= b);

// 逻辑运算符
let c = true;
let d = false;
console.log(c && d);
console.log(c || d);
console.log(!c);
console.log(!d);

控制语句

JavaScript中有if语句、switch语句、for循环、while循环、do-while循环等控制语句。

// if语句
let score = 80;
if (score >= 60) {
  console.log("及格");
} else {
  console.log("不及格");
}

// switch语句
let day = 5;
switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  case 4:
    console.log("星期四");
    break;
  case 5:
    console.log("星期五");
    break;
  case 6:
    console.log("星期六");
    break;
  case 7:
    console.log("星期日");
    break;
  default:
    console.log("输入错误");
}

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

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

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

函数

JavaScript中的函数使用function关键字定义，可以通过参数传递来接收输入参数。函数可以返回一个值或者不返回值。

// 定义函数
function add(a, b) {
  return a + b;
}

// 调用函数
console.log(add(1, 2));

// 匿名函数
let sum = function(a, b) {
  return a + b;
};
console.log(sum(1, 2));

对象、数组

JavaScript中的对象使用大括号括起来，属性和属性值用冒号隔开。JavaScript中的数组使用中括号括起来，可以包含各种类型的元素。

// 对象
let person = {
  name: "Tom",
  age: 18,
  isMale: true
};
console.log(person.name);
console.log(person.age);
console.log(person.isMale);

// 数组
let array = [1, 2, 3, "Tom", true];
console.log(array[0]);
console.log(array[1]);
console.log(array[2]);
console.log(array[3]);
console.log(array[4]);

异常处理

JavaScript中的异常处理使用try-catch语句，可以避免一些程序运行时的错误。

try {
  // 可能出错的代码
  let result = 1 / 0;
  console.log(result);
} catch (e) {
  // 出错后的处理代码
  console.log("出错了：" + e.message);
} finally {
  // 无论是否出错都会执行的代码
  console.log("执行完毕");
}

以上是JavaScript的基本语法，掌握了这些内容之后可以开始学习JavaScript的高级特性。