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