基于JS脚本语言的基础语法详解

介绍

JavaScript（简称JS）是一种脚本语言，常用于在Web浏览器中编程，用于处理交互式的前端逻辑。随着Node.js的流行，JS也在后端得到了广泛应用。本文将详细讲解JS的基础语法，包括变量、运算符、控制流、函数、对象等内容。

变量

在JS中，可以使用关键词var、let、const声明变量。其中，var是ES5引入的变量声明方式，let和const是ES6引入的声明方式。使用var声明的变量作用域是函数级别的，而使用let和const声明的变量作用域是块级别的。

// 变量声明
var name = 'Tom';
let age = 18;
const PI = 3.14;

//变量赋值
name = 'Jerry';
age = 20;

//错误示例，不能对const类型的变量重新赋值
PI = 3.1415;

运算符

JS支持基本的运算符，如算术运算符、比较运算符、逻辑运算符等。其中，算术运算符可以用于数字类型的变量，比较运算符可以用于任意类型的变量，逻辑运算符用于布尔类型的变量。

// 算术运算符
let a = 10;
let b = 3;

console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.3333...
console.log(a % b); // 1
console.log(++a);   // 11
console.log(--b);   // 2

// 比较运算符
console.log(1 > 2);  // false
console.log(1 >= 2); // false
console.log(1 < 2);  // true
console.log(1 <= 2); // true
console.log(1 == 2); // false
console.log(1 != 2); // true

// 逻辑运算符
let isTrue = true;
let isFalse = false;

console.log(isTrue && isFalse); // false
console.log(isTrue || isFalse); // true
console.log(!isTrue); // false

控制流

JS支持if/else、switch、for、while、do/while等控制流结构。

// if/else
let score = 85;

if (score >= 90) {
  console.log('优秀');
} else if (score >= 80) {
  console.log('良好');
} else if (score >= 70) {
  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('未知颜色');
}

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

// while
let i = 0;

while (i < 10) {
  console.log(i);
  i++;
}

// do/while
let j = 0;

do {
  console.log(j);
  j++;
} while (j < 10);

函数

在JS中，函数是一段可以重复执行的代码块，可以接受参数和返回值。函数可以使用关键词function定义。

// 函数定义
function add(x, y) {
  return x + y;
}

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

对象

JS中的对象是一种复杂的数据类型，它可以包含多个键-值对，并且键可以是字符串、数字、符号等类型。

// 对象声明
let person = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};

// 访问对象属性
console.log(person.name); // Tom
console.log(person['age']); // 18

// 修改对象属性
person.name = 'Jerry';
person.age = 20;

// 添加对象属性
person.id = 123456;

// 删除对象属性
delete person.gender;

总结

本文介绍了JS的基础语法，包括变量、运算符、控制流、函数、对象等内容。JS作为一种常用的脚本语言，在前端开发和后端开发中都有广泛应用，了解其基础语法是进行进一步学习和开发的基础。

参考

• MDN