二、JavaScript的组成和变量

JavaScript是由三部分组成：

• ECMAScript(ES)：描述了该语言的语法和基本对象
• DOM：文档对象模型，描述处理网页内容的方法和接口
• BOM：浏览器对象模型，描述与浏览器进行交互的方法和接口

JS做客户端语言

• 按照相关的JS语法，去操作页面的元素，有时还要操作浏览器里面的一些功能
• ECMAScript3/5/6…：JS的语法规范（变量、数据类型、操作语句等等）
• DOM（document object model）：文 档对象模型，提供一些JS的属性和方法，用来操作页面的DOM元素
• BOM（browser object model）：浏览器对象模型，提供一些JS的属性和方法，用来操作浏览器的

变量和数据类型

变量

多种定义方式：var/let/const/function/import/class

严谨的命名规范：区分大小写/驼峰命名/关键字保留字

数据类型

基本数据类型（值类型）：数字number、字符串string、布尔boolean、null、undefined

引用数据类型：object（数组、对象、正则…）、function

Symbol：唯一值

JS中的变量Variable

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

  //ES3
  var a=12;
  console.log(a);	//=>输出的是a代表的值12
  
  //ES6
  let b=100;
  b=200;
  
  const c=1000;	//const创建的值不允许被修改（可以理解为叫常量）
  
  //创建函数也相当于在创建变量
  function fn(){
      
  }
  
  //创建类也相当于创建变量
  class A{
      
  }
  
  //ES6的模块导入也可以创建变量
  Import B from '.B.js';
  
  
  //Symbol创建唯一值
  Symbol c=100;
  
  
  

  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gy91jRcv-1620008494700)(F:\JavaScript.assets\image-20210429071745944.png)]

命名规范

• 严格区分大小写

  let Test=100;
  console.log(test);	//报错，找不到
  

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

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

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

  let studentInfomation;
  let studentInfo;
  
  //常用的缩写：add/insert/create/new/update 
  

• 不能使用关键字和保留字（当下有特殊含义的是关键字，未来可能会成为关键字的叫保留字）

  var let const function...
  

常用数据类型分类

• 基本数据类型
  • 数字-number
    • 常规数字和NaN
  • 字符类型-string
    • 所有用单引号、双引号、反引号包起来都是字符串
  • 布尔-booleana
    • true/false
  • 空对象指针-null
    • null
  • 未定义-undefined
    • undefined
• 引用数据类型
  • 对象数据类型-object
    • 普通对象-{ }
    • 数组对象-[ ]
    • 正则对象-/¹?$/
    • 数学函数对象-Math
    • 日期对象
    • …
  • 函数数据类型-function

---

1. +- ↩︎