一、JS三个组成部分
1.DOM --------Domcument Object Model 文档对象模型
2.BOM -------------Browser Object Model 浏览器对象模型
3.ECMAScript ---------js语法 使用ECMAScript的语法操作DOM、BOM发生变化
二、JS的三总引入方式
1.行内式
+ a标签 直接书写在href位置 书写javascript : ;
+ 非a标签 需啊哟一个行为属性来操作 js 代码(onclick)
2.内嵌式
+ 在当前页面写一个标签,把代码写在标签里
3.外链式(推荐)
+ js代码写在.js文件中
+ 页面中通过标签的sec引入
三、常用的三种输出方式
1.alert() 弹出层 (BOM)
2console.log() 控制台打印
3.document.write() 页面输出(DOM)
四、定义变量
1.语法: var 变量名 = 值
五、变量名命名规范和规则
1.规则
1.1 变量名只能由 数字(0-9) 字母(a-zA-Z) 下划线(_) 美元符($)组成
1.2 变量不能由数字开头
1.3 变量区分大小写
1.4 不能使用关键字和保留字(var、id…)
2.规范
2.1 变量语义化
2.2 驼峰命名
+ 大驼峰 第二个单词开始首字母大写(userName)
+ 小驼峰 第二个单词开始中间使用_连接(user_name)
六、数据类型分类
1.基本数据类型
1.1 Number 数值
1.2 String 字符串
1.3 Boolean 布尔值
1.4 Undefined 空 表示定义没有赋值
1.5 Null 空 表示有值,一个空值
2.复杂数据类型
2.1Object 对象
2.2 Array 数组
2.3 …
七、检测数据类型
1.typeof
1.1 语法
+ typeof 数据
+ typeof (数据)
1.2 返回值
+ 数值 – ‘number’
+ 字符串 – ‘string’
+ 布尔值 – ‘boolean’
+ undefined – ‘undefined’
+ null – ‘object’
1.3 typeof 只能准确检测基本数据类型
+ 准确的检测 function – ‘function’
1.4当多个typeof连用的时候,返回值是一个 ‘string’
2.isNaN()
2.1 专门检测非数字的方法
2.2 语法:isNaN(要检测的数据)
2.3 返回值:一定是一个布尔值
+ 返回 true 说明检测的内容是一个非数字(不是数字)
+ 返回 false 说明检测的内容不是一个非数字(是数字)
3.Object.Prototype.toString.call()
3.1 返回值 必然是一个字符串类型
+ 返回值格式 [ object 你检测的数据类型单词 ]
3.2 可以准确检测所有数据类型
八、数据类型转换
1.转数值
1.1 Number()
+ 语法:Number(要转换的数据)
+ 返回值:转化好的数据类型
+ 转换规则:把转换的数据当做一个整体
- 如果可以转换成合法数字,就是一个数字
- 不能转换成核发数字,那么就是一个NaN
1.2 parseInt()
+ 语法:parseInt(要转换的数据)
+ 返回值:转换好的数据类型
+ 转换规则
- 不管什么数据都是以为以为看待
- 如果第一位不能转换成合法数字,那么直接返回NaN
- 如果第一位可以转换,那么保留,继续看第二位,以此类推,到不能转化为止
1.3parseFloat()
+ 语法:parseFloat(要转换的数据)
+ 返回值:转换好的数值类型
+ 转换规则
- 和parseInt一样
- 只是能识别小数点
2.转字符串
2.1 String()
+ 语法:String(要转换的数据)
+ 返回值:转换好的字符串类型
+ 所有数据都可以转换
2.2 toString()
+ 语法:要转换的数据.toString()
+ 返回值:转换好的字符串类型
+ undefined和null不能转换
2.3 字符串拼接
+ 使用加号(+)进行字符串呸拼接
3.转布尔值
3.1 Boolean()
+ 语法:Boolean(要转换的数值)
+ 返回值:转换好的布尔值
+ 在js 中只有五个内容是false
- 数值 0
- 数值NaN
- 空字符串 ’‘
- undefined
- null
九、运算符
1.算术运算符
+ - * / %
2.赋值运算符
= += -= *= /= %=
3.比较运算符
> < >= <= == === != !==
4.逻辑运算符
&& // !