断点调试
断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试
过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下。
断点调试可以帮我们观察程序的运行过程
浏览器中按 F12--> sources -->找到需要调试的文件-->在程序的某一行设置断点
Watch: 监视,通过watch可以监视变量的值的变化,非常的常用。
F11: 程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化。
代码调试的能力非常重要,只有学会了代码调试,才能学会自己解决bug的能力。初学者不要觉得调试代码麻烦就不去调试,
知识点花点功夫肯定学的会,但是代码调试这个东西,自己不去练,永远都学不会。
今天学的代码调试非常的简单,只要求同学们记住代码调试的这几个按钮的作用即可,后面还会学到很多的代码调试技巧
js基础知识
1. 变量
1.1 声明变量
Var 变量名;
1.2 变量的赋值
变量名 = 变量值;(可以是任何数据类型)
声明+赋值 叫做变量的初始化
1.3 变量的调用
直接使用 变量名
1.4 变量命名
由字符,下划线,数字,$符组成 其中数字不能开头
命名规范:
不能使用关键字,保留字,例如:for name
严格区分大小写,A 和 a 是两个变量
尽量做到见名知意,可以借助翻译工具
采用驼峰命名法,第一个单词的首字母小写,其他的首字母大写
1.5 案例
Var str = ‘shskjahfishfjsdhio’字符串
Var arr = [2,3,4,5,5] 数组
Var $ss = 50;
Var _ss = null;
Var _ss = function(){}
2. 数剧类型
2.1 简单数据类型
数值,数字类型 number
字符串 string
布尔型 Boolean
Undefined 和 null
2.2 复杂数据类型 object
2.3 数据类型之间的相互转换
把其他类型转换成字符串
- toString()
var num = 5;
console.log(num.toString());
- String()
String()函数存在的意义:有些值没有toString(),这个时候可以使用String()。
比如:undefined和null
- 拼接字符串方式
num + "",当 + 两边一个操作符是字符串类型,一个操作符是其它类型的时候,会先把其它类型转换成字符串再进行字符串拼接,返回字符串
转换成数字型
- Number()
Number()可以把任意值转换成数值,如果要转换的字符串中有一个不是数值的字符,返回NaN
- parseInt()
var num1 = parseInt("12.3abc"); // 返回12,如果第一个字符是数字会解析知道遇到非数字结束
var num2 = parseInt("abc123"); // 返回NaN,如果第一个字符不是数字或者符号就返回NaN
- parseFloat()
parseFloat()把字符串转换成浮点数
parseFloat()和parseInt非常相似,不同之处在与
parseFloat会解析第一个. 遇到第二个.或者非数字结束
如果解析的内容里只有整数,解析成整数
- +,-0等运算
var str = '500';
console.log(+str); // 取正
console.log(-str); // 取负
console.log(str - 0);
转换成布尔类型
- Boolean()
0 ''(空字符串) null undefined NaN 会转换成false 其它都会转换成true
3. 运算符
3.1 算数运算符 + - * /
3.2 自增自减运算符 ++ --
3.3 比较运算符 > < <= >=
3.4 赋值运算符 =
3.5 逻辑运算符 && || !
3.6 三元运算符(三元表达式)
3.7 运算符优先级
4. 流程控制语句
4.1 顺序结构语句
4.2 分支结构语句 if if-else-if switch-case
4.3 循环结构语句 for while do-while
5. 数组
5.1 数组的定义
5.2 创建数组 var arr= [] var arr = new Array();
5.3 数组索引 数组的下标 从0开始
5.4 数字长度 arr.length
5.5 遍历数组 循环遍历
5.6 案例
6. 函数
6.1 声明函数
6.2 函数的调用
6.3 参数
6.4 返回值
6.5 案例
7. 作用域 作用域链
7.1 定义
7.2 案例
8. 预解析
8.1 定义
8.2 案例
9. 对象
9.1 对象的定义
9.2 创建对象
9.3 对象的使用
9.4 自定义对象
9.5 内置对象
|
|