JavaScript的基本语法和规范

1. 基本语法

1.1 变量

JavaScript中的变量可以通过var、let和const来声明。

var是ES5中声明变量的方式，它声明的变量是函数作用域或全局作用域的，可以在声明前使用，但是存在变量提升问题。
let和const是ES6中新增的声明变量的方式，它们声明的变量是块级作用域的，不存在变量提升问题，而且const声明的变量是常量，不能再次赋值。

// 声明变量
var a = 1;
let b = 2;
const c = 3;

// 可以在声明前使用
console.log(a); // 1

// 重新赋值
a = 4;
b = 5;

// 常量不能再次赋值
c = 6; // 报错

1.2 数据类型

JavaScript中的数据类型分为基本数据类型和引用数据类型。

基本数据类型有number、string、boolean、null和undefined。
引用数据类型有object、array、function等。

// 基本数据类型
const num = 1;
const str = 'hello';
const bool = true;
const n = null;
const u = undefined;

// 引用数据类型
const obj = {name: '张三'};
const arr = [1, 2, 3];
const func = function(){console.log('hello');};

1.3 运算符

JavaScript中常见的运算符包括算术运算符、比较运算符、逻辑运算符、赋值运算符等。

// 算术运算符
const a = 1 + 2;
const b = 3 - 1;
const c = 2 * 3;
const d = 6 / 2;
const e = 5 % 2;

// 比较运算符
const f = 1 > 2;
const g = 3 <= 4;
const h = 'hello' === 'world';
const i = true !== false;

// 逻辑运算符
const j = true && false;
const k = true || false;
const l = !true;

// 赋值运算符
let m = 1;
m += 2;
m -= 1;
m *= 3;
m /= 2;
m %= 2;

1.4 条件语句

JavaScript中常见的条件语句有if语句和switch语句。

// if语句
const age = 18;
if (age >= 18) {
  console.log('成年人');
} else {
  console.log('未成年人');
}

// switch语句
const fruit = 'apple';
switch (fruit) {
  case 'apple':
    console.log('这是苹果');
    break;
  case 'banana':
    console.log('这是香蕉');
    break;
  default:
    console.log('未知水果');
}

1.5 循环语句

JavaScript中常见的循环语句有for循环、while循环和do-while循环。

// 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);

2. 规范

2.1 缩进

JavaScript中的缩进一般为2或4个空格，不建议使用制表符。

// 2个空格缩进
if (a === b) {
  console.log('a等于b');
}

// 4个空格缩进
if (a === b) {
    console.log('a等于b');
}

2.2 分号

JavaScript中的语句一般需要以分号结尾，但是在某些情况下可以省略分号，例如在for循环的三个部分中，第二个部分的分号可以省略。

// 需要分号
const a = 1;
const b = 2;
console.log(a + b);

// 可以省略分号
for (let i = 0; i < 5; i++) {
  console.log(i);
}

2.3 命名

JavaScript中的变量名、函数名、属性名等，一般使用驼峰式命名法，即第一个单词小写，后面的单词首字母大写，例如firstName、lastName、getUserName等。

2.4 注释

JavaScript中的注释分为单行注释和多行注释，单行注释使用//，多行注释使用/* */。

// 这是单行注释

/*
这是多行注释
可以跨多行
*/

2.5 引号

JavaScript中字符串可以使用单引号或双引号表示，但是建议统一使用单引号。

// 建议使用单引号
const str = 'hello';

2.6 空格

JavaScript中的运算符、关键字、括号等，一般需要在前后加上空格，但是在一些情况下可以省略空格，例如在括号内部或对象属性名后面。

// 需要空格
const a = 1 + 2;
if (a > 2) {
  console.log('a大于2');
}

// 可以省略空格
const obj = {name:'张三',age:18};
console.log(obj.name);

2.7 换行

JavaScript中的一行代码一般不要太长，建议每行不超过80个字符。如果一行代码太长，可以在适当的位置换行，建议在运算符后面换行。

// 换行示例
const sum = a + b +
  c + d;

const obj = {
  name: '张三',
  age: 18,
  gender: '男'
};

3. 总结

JavaScript的基本语法和规范包括变量、数据类型、运算符、条件语句、循环语句等，同时还有缩进、分号、命名、注释、引号、空格、换行等规范。遵守规范可以使代码更加易读、易维护。

JavaScript教程

基本语法和规范