添加图标
添加封面
添加评论
JavaScript的基本语法和规范
基本语法和规范
1. 基本语法
1.1 变量
JavaScript中的变量可以通过
var
、
let
和
const
来声明。
var
是ES5中声明变量的方式，它声明的变量是函数作用域或全局作用域的，可以在声明前使用，但是存在变量提升问题。
let
和
const
是ES6中新增的声明变量的方式，它们声明的变量是块级作用域的，不存在变量提升问题，而且
const
声明的变量是常量，不能再次赋值。
JavaScript
拷贝
标题
// 声明变量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
等。
JavaScript
拷贝
标题
// 基本数据类型const num = 1;const str =‘hello’;const bool =true;const n =null;const u =undefined;// 引用数据类型const obj = {name: ‘张三’};const arr =[1,2,3];constfunc=function(){console.log(‘hello’);};
1.3 运算符
JavaScript中常见的运算符包括算术运算符、比较运算符、逻辑运算符、赋值运算符等。
JavaScript
拷贝
标题
// 算术运算符const a = 1 + 2;const b =3-1;const c =23;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
语句。
JavaScript
拷贝
标题
// 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
循环。
JavaScript
拷贝
标题
// 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个空格，不建议使用制表符。
JavaScript
拷贝
标题
// 2个空格缩进if (a === b) { console.log(‘a等于b’);}// 4个空格缩进if (a === b) { console.log(‘a等于b’);}
2.2 分号
JavaScript中的语句一般需要以分号结尾，但是在某些情况下可以省略分号，例如在
for
循环的三个部分中，第二个部分的分号可以省略。
JavaScript
拷贝
标题
// 需要分号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中的注释分为单行注释和多行注释，单行注释使用
//
，多行注释使用
/* */
。
JavaScript
拷贝
标题
// 这是单行注释/ 这是多行注释 可以跨多行 /
2.5 引号
JavaScript中字符串可以使用单引号或双引号表示，但是建议统一使用单引号。
JavaScript
拷贝
标题
// 建议使用单引号const str = ‘hello’;
2.6 空格
JavaScript中的运算符、关键字、括号等，一般需要在前后加上空格，但是在一些情况下可以省略空格，例如在括号内部或对象属性名后面。
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个字符。如果一行代码太长，可以在适当的位置换行，建议在运算符后面换行。
JavaScript
拷贝
标题
// 换行示例const sum = a + b + c + d;const obj ={name:‘张三’,age:18,gender:‘男’};
3. 总结
JavaScript的基本语法和规范包括变量、数据类型、运算符、条件语句、循环语句等，同时还有缩进、分号、命名、注释、引号、空格、换行等规范。遵守规范可以使代码更加易读、易维护。