JS做客户端语言

按照相关的JS语法去操作页面中的元素，有时还要操作浏览器里面的一些功能

• ECMAScript3/5/6...: JS的语法规范（变量、数据类型、操作语句等等）
• DOM(Document Object model):文档对象模型，提供一些JS的属性和方法，用来操作页面中的dom元素
• BOM(Browser object model): 浏览器对象模型，提供一些JS的苏醒和方法，用来操作浏览器的

JS当中的变量 Variable

变量: 可变的量，在编程语言中变量其实就是一个名字，用来存储和代表不同值的东西

// ES3
var a = 12;
console.log(a); // =>输出的是a代表的值12
// ES6
let b = 100;
b = 200;

const c = 1000; // const
c = 2000; // const => 报错： const创建的变量，存储的值不能被修改(可以理解为叫做常量)

// 创建函数也相当于在创建变量
function fn(){}

// ES6创建类也相当月创建变量
class A{}

// ES6的模块导入也可以创建变量
import B from "./B.js";

// Symbol 创建唯一值
let n = Symbol(100);
let m = Symbol(100);
n !== m;

JS中的命名规范

• 严格区分大小写

let Test = 100;
console.log(test);// 无法输出，因为第一个字母小写了

• 使用数字、字母、下划线、$，数字不能作为开头

let $box;// => 一般用JQ获取的以$开头
let _box;// => 一般公共变量都是_开头
let 1box;// => 不可以，但是可以写box1

• 使用驼峰命名法: 首字母小写，其余每一个有意义单词的首字母都要大写（命名尽可能语义化明显，使用英文单词）

let studentInformation; // 学生信息
let studentInfo;
// 常用的缩写: add/insert/create/new（新增），update（修改）、delete/del/remove/rm（删除）、sel/select/query/get（查询）、info（信息）...

// 不正确的写法
let xueshengInfo;
let xueshengxinxi;
let xsxx;

• 不能使用关键字和保留字

当下有特殊含义的是关键字，未来可能会成为关键字的叫做保留字
var let const function ...
如：var var = 10; // => 肯定不行的
// => 代码强迫症(代码洁癖): 良好的编程习惯、极客精神

JS中常用的数据类型

• 基本数据类型
  • 数字 number
    常规数字和NaN
  • 字符串 string
    所有用单引号('')、双引号("")、反引号(``)包起来的都是字符串
  • 布尔类型 boolean
    true、false
  • 空对象指针 null
  • 未定义 undefined
• 引用数据类型
  • 对象数据类型 object
    • {} 普通对象
    • [] 数组对象
    • /^[+-]?(\d|([1-9]\d+))(.d\d+)?$/ 正则对象
    • Math 数学函数对象
    • 日期对象
    • ...
  • 函数数据类型 function