JavaScript学习笔记

JavaScript笔记
1.六种数据类型

2.遍历数组
while
for
for in
for of
map

3.数组常用的方法

1.map
2.push（相当于栈）在数组末尾添加元素
3.sort对数组的元素进行排序
4.filter（过滤器）用function函数进行定义设置

5.join添加数组元素之间的连接符
string spilt函数

join用来将数组合并成一个元素 spilt用来将一个字符串分裂成几个元素
6.math函数中的random随机数

*n+m 取n个随机数，从m开始
7.date函数

8.setInterval计时器方法
setInterval(function() {},ms)在控制台输出当前时间，每多少秒输出一次
9.正则表达式：用于匹配字符串

reg.test()用来检验匹配是否成功



ES6（ES2015）的新特性
1.变量

2.常量：声明、赋值之后无法被更改

3.模板字符串 支持换行 支持嵌入变量

4.解构赋值
数组的解构赋值
对象的解构赋值

通过结构赋值传递参数

函数进阶

1.函数声明提升：在调用一个函数之后再声明函数也是可以调用这个函数的
回调函数：将匿名函数作为参数传递给宁外一个函数或方法
函数声明/函数表达式
function fun(n,m){ return n+m}
const fun = function (n+m){ return m+n}

2.立即执行函数//之前常用于代码封装


3.闭包

利用闭包实现了代码的封装
闭包的特性：内部函数未执行完，外部函数函数即使执行完成，外部函数中的变量也不会被销毁。

4.箭头函数


箭头函数和普通函数的this指向不同，普通函数的this指向不同；普通函数指向的是调用该函数的对象；箭头函数在哪里定义，this就指向谁

面向对象

基本概念


ES5没有类的概念用构造函数来实现类

构造函数的函数名，首字母大写，构造函数是用来创建对象用的

prototype拓展函数（可以用来拓展JavaScript自带函数，例如array）

es2015支持类的概念

继承


DOM：文档对象模型
是一套标准编程接口 我们通过DOM这套接口来操作html元素
DOM通过document对象，为开发者提供了大量的接口（api）来操作DOM树

element.innerHtml:获取和设置元素内的所有内容


事件类型
click:点击事件 +on
mouseenter：鼠标移入元素
mouseleave：鼠标移出元素





点击按钮进行图片切换的效果