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
  • 普通对象-{ }
  • 数组对象-[ ]
  • 正则对象-/1?$/
  • 数学函数对象-Math
  • 日期对象
  • …
  • 函数数据类型-function
  1. +- ↩︎