冯娜_20210118冯娜
知识点总结
一、JavaScript
1、直接量：直接参与运算或显示的值
//空字符串直接量
1 //数值直接量
false //布尔值直接量
/a/g //正则表达式直接量
null //特殊值直接量
{} //空对象直接量
[] //空数组直接量
function(){} // 空函数直接量
2、转义序列：字符的一种表示方式
Unicode 转义：\u+4位十六进制数字
Latin-1 转义：\x + 2位十六进制数字
3、标识符：包含：变量名、函数名、参数名、属性名
4、关键字：这些名称具有特定的用途，用户不能自定义同名的标识符
5、保留字：就是预备使用的一组名称，但目前还没有具体用途，用户同样不能自定义同名的标识符
6、对象、属性、方法
7、分隔符：分隔符（空白符）就是各种不可见字符的集合，如空格（\u0020）、水平制表符（\u0009）、垂直制表符（\u000B）、换页符（\u000C）、不中断空白（\u00A0）、字节序标记（\uFEFF）、换行符（\u000A）、 回车符（\u000D）、行分隔符（\u2028）、段分隔符（\u2029）
8、注释
/*多行注释*/
//单行注释
9、转义字符
是字符的一种间接表达方式
alert(""xxxx："xxxxxxxxx""");
alert("xxxx：\"xxxxxx\"");
10、变量
其相当于容器，其值相当于容器内装的东西，而变量名就是容器上贴着的标签，该标签可以找到变量，方便读取
（1）声明变量
var 变量名 = 初始化值;
11、字符和字符串
js中只有字符串类型，没有字符类型，字符串既可以使用双引号，也可以使用单引号
12、变量作用域
（1）局部变量：变量仅能在声明的函数内部可见，函数外是不允许访问的。只要函数运行完毕，变量就会被删除
（2）全局变量：不是声明在函数体内部的变量，变量在整个页面脚本中都是可见的，可以被自由访问
13、生命周期
js的生命周期在其声明时初始化，局部变量在函数执行完毕后销毁，全局变量在页面关闭后销毁
14、变量污染
若定义过多的全局变量就有可能造成全局变量冲突
解决方案：
（1）定义全局变量名空间
（2） 使用函数体封装应用程序（最常用）
15、let：其声明的变量只在let命令所在的代码块内有效
16、const：声明一个只读的常量，一旦声明，便无法修改
17、JavaScript块级作用域
使用 var 关键字声明的变量不具备块级作用域的特性，它在 {} 外依然能被访问到，使用let关键字实现块级作用域
18、关键字：const、let
两者区别：
（1）const声明的常量必须初始化、而let声明的变量不用
（2）const定义的值不能修改，而let定义的变量值可以修改
19、数据类型
Number：数值型：整数和浮点数
Boolean：布尔类型：true/false
String：字符串类型：包含字符和字符串
Null：只有一个值：null
Undefined：未定义/变化未初始化时的类型，只有一个值undefined
20、typeof操作符：判断指定的变量数据类型
typeof(变量名) 或 typoof 变量名
null和undeined的区别：
null：是一个object类型的数据，但是没有值，可以认为是引用类型的占位符
undefined：未初始化的类型 ，是Undeined数据类型中的特殊值
21、引用类型
对象（Object）
数组（Array）
函数（Function）
22、常用运算符
（1）算术运算符
（2）赋值运算符
（3）比较运算符
（4）逻辑运算符
（5）三目运算符
23、流程控制语句
（1）if条件语句
（2）if...else 语句
（3）if...else if...else语句
24、循环语句
1、for循环：循环指定次数
2、while语句：当指定的条件为 true 时循环执行代码
3、do-while语句：最少执行1次循环
25、break和continue
（1）break 跳出整个循环
（2）continue 跳出本次循环
案例：九九乘法表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>99乘法表</title>
</head>
<body>
<script type="text/javascript">
document.write("<table algin='center'>");
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
document.write("<td>" + j + "*" + i + "=" + (j * i) + "</td>");
}
document.write("</tr>");
}
</script>
</body>
</html>
26、函数
js使用关键字function定义函数，函数可以通过声明定义，也可以是一个表达式，函数作用是使用js代码完成某一功能
（1）函数声明
（1.1）关键字：function
（1.2）函数名称
（1.3）参数列表，包围在括号中并由逗号分隔
（1.4）定义函数的JavaScript语句，用{}括起来
function functionName(parameters){
// 执行的代码
}
（2）函数表达式
<script type="text/javascript">
2 //声明函数 num即为参数
3 function add(num){
4 return num+num;
5 }
6 var sum=add(4);//调用函数
7 console.log(sum)
8 </script>
（3）Function（）构造函数
函数通过内置的js函数构造器（Function()定义）
（4）函数作用域
全局作用域：在全局作用域下创建的函数可以在任何作用域下调用
局部作用域：在函数作用域下创建的函数，只能在这个函数内部调用
（6）闭包（是JavaScript 中最强大的特性之一）
在一个函数中嵌套另外一个函数，嵌套（内部）函数对其容器（外部）函数是私有的。它自身
也形成了一个闭包。一个闭包是一个可以自己拥有独立的环境与变量的表达式（通常是函数），重用变量，又保护变量不被污染的机制
（7）函数参数：默认参数、剩余参数
（8）js实现图片切换
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.tab{
width: 400px;
height: 300px;
margin: 0 auto;
background-color: #ccc;
}
img{
width: 400px;
height: 300px;
}
</style>
</head>
<body>
<div class="tab" id="tabe">
<img src="img/m.jpg" id="img" />
</div>
<script type="text/javascript">
//使用数组保存图片的地址
var imgs=["img/2.png","img/3.png","img/k.jpg","img/m.jpg"];
var index=0;
function qiehuan(){
document.getElementById("img").src=imgs[index];
index++;
if(index > 3){
index=0;
}
}
setInterval("qiehuan()",1000);
// var tabe=document.getElementById("#tabe")
// // console.log("tabe")
// tabe.onmouseover = function t(){
// tabe.preventDefault()="false"
// }
</script>
</body>
</html>
二、Json
1、Json:是存储和交换文本信息的语法,是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来存储和表示数据，简洁和清晰的层次结构使得 JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率
2、语法格式
（1）对象类型：{name1:value1,name2:value2}
（2）数组/集合类型：{value1,value2,value3}
（3）混合类型：[{},{},]或{name:[]}
心得体会
今天我上课的状态很不好，总感觉在犯困（害），明天可不能继续犯困。。。今天学的知识点很多，有些知识点又重新理解了一遍，感觉清晰了些，但有些还是敲不出来，也深知自己的不足还有很多，需要去多思考，多练习。
近期评论