JavaScript基础知识点总结（笔记）

JS复习流程

---

目录

01.变量
02.数据类型
03.类型转换
04.运算符
05.语句
06.数组
07.函数
08.事件
09.样式
10.DOM对象
11.内置对象

一、变量      返回顶部

1. 变量的命名规则（选择题）
   • 不能使纯数字，不能使数字开头的，比如 var 0bj=10是错误的。
   • 不能使保留字和关键字。比如break、continue、function是不能使用当做变量名
   • 如果是两个单词，最好是驼峰命名法，比如getSum

---

二、数据类型      返回顶部

1. 都有什么数据类

   number(数字) string(字符串) boolean(布尔值) null(空值) undefined(未定义) array(数组) object(对象)

   简单数据类型	说明	默认值
   Number	数字型，包含 整型值和浮点型值，如21、0.21	0
   Boolean	布尔值类型，如true、false，等价于1和0	false
   String	字符串类型，如“张三” 注意咱们js 里面，字符串都带引号	" "
   Undefined	var a; 声明了变量 a 但是没有给值，此时 a = undefined	undefined
   Null	var a = null; 声明了变量 a 为空值	null

---

三、类型转换      返回顶部

链接：JS类型转换

1. 数字和字符串互换的方法

   数字>字符串 num+" String(num)

   字符串>数字 Number() parselnt(‘3.6’)==3 parseFloat(‘3.6’)=3.6

---

四、运算符      返回顶部

链接：JS运算符

1. 给你出几个表达式，让你判断整体结果是true还是false

   ‘17’==17&&3!=3

   重点：== === != >= 会掺杂 && 和 ||

2. 3%5结果是3 5%3结果是2

3. ++和–的用法。

---

五、语句      返回顶部

链接：JS语句

5.1 条件语句

if语句会掺杂上面的自增或者自减出题

var a = 10;
a++
if(a<5){
    
    
    ...
}else{
    
    
    ...
}

• switch 语法

varday=1;
switch(day){
    
    
 	case 1;   // 把表达式的值与每个 case 的值进行对比
        document.write('星期一');
        break;
	case 2;
        document.write('星期二');
        break;
    default:
        document.write('上面都不满足的结果');
        break;
}

5.2 循环语句

（1）for 循环

​ 数组求和(偶数和 奇数和) break continue

​ 冒泡排序 数组去重 数组求和 数组最大值 数组最小值

​ 链接：冒泡，去重，求和等案例

（2）while循环

var a = 1;
while(a<=5){
    
    
    console.log(a);
    a++
}

（3）do while循环

​ 限制性循环里面的

var a = 1;
do{
    
    
    console.log(a);
    a++
}while(a<5)

---

六、数组      返回顶部

链接：JS数组

6.1 数组定义和赋值

var arr = new Array();
var arr=[];
arr[0]=10;arr[1]=20

​ 选择题 注意覆盖的

6.2 数组循环 *

6.3 常用方法

arr.push() arr.pop() arrr.shift() arr.unshift() arr.join() *

添加删除数组元素的方法

• ​ 数组中有进行增加、删除元素的方法，部分方法如下表

  方法名	说明	返回值
  push(参数1…)	末尾添加一个或多个元素，注意修改原数组	并返回新的长度
  pop()	删除数组最后一个元素，把数组长度减 1 无参数、修改原数组	返回它删除的元素的值
  unshift(参数1…)	向数组的开头添加一个或更多元素，注意修改元素组	并返回新的长度
  shift()	删除数组的第一个元素，数组长度减 1 无参数、修改原数组	并返回第一个元素的值

  注意：push、unshift为增加元素方法；pop、shift为删除元素的方法

数组转换为字符串

• 数组中有把数组转换为字符串的方法，部分方法如下表

  方法名	说明	返回值
  toString()	把数组转换成字符串，逗号分隔每一项	返回一个字符串
  join(‘分隔符’)	方法用于把数组中的所有元素转换为一个字符串	返回一个字符串

  注意：join方法如果不传入参数，则按照“,”拼接元素

---

七、函数      返回顶部

链接：JS函数

7.1 语法

var num=10; //全局变量
function fn(a,b){
    
    
	var num=20; //局部变量
    console.log(num)
}
fn(2,3)

1. 不调用不执行

2. 变量的作用范围

---

八、事件      返回顶部

8.1 事件名

• 鼠标事件

鼠标事件	触发条件
onclick	鼠标点击左键触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfocus	获得鼠标焦点触发
onblur	失去鼠标焦点触发
onmouseup	鼠标弹起触发
onmousedown	鼠标按下触发
onmousemove	鼠标移动触发

8.2 事件公式

事件源.事件名=function(){
    
    
    
}
// 数组不能直接绑定事件

---

九、样式      返回顶部

dom对象.style.属性名=‘属性值’

背景图 背景色 字体大小 水平居中

---

十、DOM对象      返回顶部

获取dom对象的几种方式？(5种)

getElementById('')
getElementByTagName('')
getElementByClassName('')
querSelector('')
querSelectorAll('')

链接：JS节点

DOM节点的关系也是必须会

父节点 parentNode 子节点 children

所有兄弟节点 siblings

删除节点

节点.remove() 删自身

父节点.removeChild(子节点) 删子节点

添加节点

父节点.appendChild(子节点)

---

十一、内置对象      返回顶部

链接：JS内置对象

字符串方法 split

Math对象的方法 Math.ceil() Math.floor() Math.round() Math.random()

日期对象

var date=new Date()

获取现在距离1970年1月1日的时间戳 date.getTime()

星期几 date.getDay() 星期日0 星期1是1…

几号 date.getDate()