学习手册:
W3School离线手册
http://www.w3school.com.cn/
http://www.runoob.com/
https://developer.mozilla.org/zh-CN/
https://caniuse.com/
书籍:
《JavaScript高级程序设计》
《JavaScript权威指南》
1.JavaScript基本介绍及发展趋势
脚本
livescript --> javascript(网景) --> jscript(微软) --> ECMA --> ECMAScript
JavaScript = ECMAScript + BOM + DOM
ES3
ES5 -- ECMAScript5.1(IE9之前不支持)
ES6 -- ECMAScript2015
2.JS和H5的关系
<video>
3.编写JS及如何运行JS
编辑器:HBuilder
sublime text
atom
vscode
JS是嵌套在HTML中的一段脚本程序。类比CSS:
内联:
标签内部使用如事件属性onclick来编写
内部:
<script></script>
标签可出现在任何位置(前中后)
推荐将script标签写在body结束标签之前
type="text/javascript" 属性可省略,默认为 text/javascript 属性取值
外部:
<script src="外部JS资源路径"></script>
在<script>标签之间不能再添加其它的JS代码
输出:
a. alert("提示消息")
-- 是弹出警告框提示消息,有“确定”按钮
b. document.write("向文档中输出的内容");
-- 向文档中输出内容
c. console.log("打印信息")
-- 在控制上打印日志信息
输入:
a. prompt("提示", "默认值")
-- 弹出输入框,点击“确定”接收输入框中的输入值,点击“取消”返回 null
JS是在浏览器中的 JavaScript 引擎中解释执行的(V8)。
JS中一条语句(命令、代码)的结束使用 ; 表示
4.变量的概念及基本运算
变量:
是在内存中的数据存储空间,随着运算的进行,该空间中存储的数据可以变化。
三要素:
变量名
变量值
数据类型
数据类型:
基本类型:
Number -- 数字(整数、小数)
String -- 字符串,使用 "" 或 '' 包含
Boolean -- 布尔,表示真假,可取值为 true 或 false
Undefined -- 未定义,只有 undefined 一个取值
Null -- 空,通常用于表示空对象,只有 null 一个取值
Symbol(ES6) -- 符号
引用类型:
Object -- 对象
JS是弱类型(动态类型)的语言:变量的数据类型是在运行时确定的。
注释:
// 单行注释
/* 多行注释 */
/** */
变量定义:
语法:var 变量名 = 变量值;
分解:
var 变量名; // 变量声明
变量名 = 变量值; // 变量赋值
求表达式的数据类型:
typeof 表达式;
typeof 求解的结果数据类型为字符串,该字符串可取值:
"number"
"string"
"boolean"
"undefined"
"symbol"
"object"
"function"
5.变量命名规则和关键字的介绍
关键字:
JS语言中已占用的有特殊函义的单词。
标识符命名
规则:
a. 能够包含的字符:字母、数字、下划线、$
b. 不能以数字开头
c. 不能是关键字
规范:
a. 采用简洁的英文单词命名
b. 驼峰命名法:
第一个单词首字母小写,其它单词首字母大写(小驼峰)
6.变量不同类型之间的自动、手动类型转换
自动(隐式)类型转换
强制(显式)类型转换:
parseInt()
-- 通常是将字符串解析为整数数字
parseFloat()
-- 通常是将字符串解析为浮点数数字
Number()
-- 是将其它类型转换为数字类型
parseInt()与parseFloat() 在转换数据类型时有一定的容错能力,如果第一位就不能转换,则返回的是 NaN(not a number)。
Number()将字符串转换为数字时,没有容错能力。
Number() 转换:
字符串-->数字
兼容:对应数字
不兼容:NaN
"" --> 0
布尔 --> 数字
true --> 1
false --> 0
Undefined --> 数字
undefined --> NaN
Null --> 数字
null --> 0
Symbol --> 数字
报错:Cannot convert a Symbol value to a number
Object --> 数字
--> NaN
Boolean()
可以将其它类型转换为 Boolean 类型,先测试
String()
7.赋值、关系、算术等运算符的讲解
赋值运算符:
= // 将右边的值的赋给左边的变量
字符串连接:
+ // 将+号两端的字符串拼接在一起(只要 + 号两端有一个是字符串,都是做字符串拼接)
算术运算符:
+
-
*
/
%(模) -- 求余数
求一个三位数字各位数是多少
关系运算符:
>
<
>=
<=
== / ===
== 是比较值是否相同,如果数据类型一致,则直接比较值,如果数据类型不一致,则会先尝试转换类型,然后再比较值。
=== 是会严格区分数据类型,如果数据类型一致则比较值,如果类型不一致则直接返回 false
!= / !==
!= 是比较值是否不相同,如果数据类型一致,则直接比较值,如果数据类型不一致,则会先尝试转换类型,然后再比较值。
!== 是会严格区分数据类型,如果数据类型一致则比较值,如果类型不一致则直接返回 true
逻辑运算符:
&& -- 并且
exp1 && exp2
|| -- 或者
exp1 || exp2
! -- 非(单目运算符)
!exp1
短路运算符:&&、||
自增、自减:
++
--
i++/++i;:<==> i = i + 1;
var i = 10;
var j = ++i;
var j = i++;
前缀(++i):先运算(自增)后引用(自增运算后的值使用)
后缀(i++):先引用(自增运算前的值使用)后运算(自增)
var i = 10;
var j = i++ + ++i + ++i + i++; // i = 14
10 + 12 + 13 + 13
三目运算符:
条件 ? true : false;
闰年条件:
年份能被4整除但不能被100整除,或年份值能被400整除
复合运算符:
+=
-=
*=
/=
%=
i += 5; <==> i = i + 5;
i *= (3 + 7); <==> i = i * (3 + 7);
其它:
()
.
+
-
8.二进制
十进制
十六进制
八进制