初学起来觉得知识点很多很杂,很多框架的构建都加入了自己的主观色彩,没有完全按照教程的来总结,所以难免有些地方看起来会很奇怪。
刚开始都不是完美的,慢慢来,不断地去完善自己。
JS 基础语法
- JS是什么
- js的基本语法
- js的定义
主要用<script></script>包括
有三种:- 外部 – 加上url属性,里面写上相对 / 绝对路径
- 内联 – 在<head> 或者 <body>中定义
- 内嵌 – 直接在标签中定义使用,优点:方便快速,但是很杂乱没有条理,不可在不同的标签中被重复利用
JS 基本变量类型
- 基本变量类型 - 4种
- string
- num
- boolean
- undefined
- 复杂变量类型 - 2种
- function
- object
- typeof 查看变量类型
- typeof null -> object
小应用:
//定义一个对象 var person { name: lagua, age: 21, hobby: write }; //清空一个对象 var person = null;
- typeof undefined -> undefined
- typeof “” -> string //空字符串
- typeof null -> object
- null vs undefined
- null == undefined -> true (值相同)
- null === undefined -> false (值相同、类型不同)
JS 变量及其方法
字符串
- 字符串定义
- 特殊字符
- 字符串换行
- 字符串的变量类型 --> object
字符串方法
- 长度
- 索引 – 前面索(indexOf) + 后面索引(lastIndexOf)
- 检索字符串 – search()
- 提取部分(切割)字符串 slice() / substring() / substr() – 相当于a[1:4]
- 替换字符串 replace()
- 大小写转换 toUpperCase()/toLowerCase()
- 提取字符串 charAt(i) ~ str[i]
- 转变字符串类型 --> 数组
数字
- 数字定义 有小数与没有小数之间无差异 始终是64 float
- Num + String --> String
- 从左往右编译
- “10” + 10 + 20 --> “101020”
- 10 + 20 + “10” --> “2010”
- 数字字符串
- num / “num” --> num
- num * “num” --> num
- num - “num” --> num
- num + string --> string(注意级联)
- NaN(Not a number)
- num / String --> NaN
- num / “num” – NaN
- isNaN()
- Nan + 5 --> NaN
- NaN + ‘5’ --> NaN5(级联)
- typeof NaN --> Number
- Infinity (-Inifinity)
- 计算结果超过js最大最小允许的范围
- 2 / 0 --> Infinity
- -2 / 0 --> -Inifinity
- 十六进制
- toString() parm: 16/8/2 --分别转换为16/8/2进制
- Num can be a target
- var x = 123
- var y = new Number(123)
- x == y
- x === y
- Objects are not comparable
数字方法
数组
数组方法
JS 函数与对象
- 函数
- 函数定义
- 函数调用
- 函数的性质与方法
- 对象
- 对象的定义
- 对象的属性
- 对象的方法
- 方法与属性的使用
JS 循环等
- for
- switch
- while