JS学习记录

***事件流

捕获与冒泡 addeventlistener的第三个参数 true为捕获（从DOM中的根元素ducument开始从外到里依次执行事件） ，false为冒泡（想上触发DOM父级元素中的同名事件） 默认为false

实际开发中主要应用冒泡（事件委托）

阻止事件流（冒泡） ： 事件对象.stoppropagation()

***事件委托：利用事件流的特征满足一些开发需求的技巧

***自定义属性

属性名：data-开头  eg：data-id=“1”

js获取：对象.dataset.id

***字符串转数字 前面加+ 

***加载事件 load

***页面滚动事件

粉色长度就是scrolltop
***日期对象

***DOM节点

元素节点：标签

***BOM

***同步与异步

***正则表达式

一种匹配字符串中的字符组合的模式

写法：//  在两个/内写表达式 如：

是个对象

作用：匹配、替换和提取字符串 

***字面量

是代码中直接表示固定值的符号

如：数字字面量 42 39.5

字符串字面量：“hello,world”

布尔值字面量：true false

等等

***元字符

***修饰符

语法

***join方法

JS中数组对象的方法，用于将数组中的所有元素连接成一个字符串，并可以指定一个分隔符

eg：

let fruits = ["Apple", "Banana", "Cherry"];
let result = fruits.join(", ");
console.log(result); // 输出 "Apple, Banana, Cherry"

***箭头函数 （ES6新语法）

仅限匿名函数

const fn = (参数) => {函数体}

***构造函数

一种特殊的函数，用来创建多个结构相同的对象的抽象

使用构造函数的两个约定：

1，创建时函数名首字母大写

2，调用时，前面加new

使用new生成对象的行为称为实例化

***动态方法/属性与静态方法/属性

静态：挂在构造函数生成的抽象对象下的方法与属性

动态：挂载在new出来的对象下的方法与属性

***内置构造函数（抽象对象）

***原型对象prototype

每一个构造函数都对应一个prototype属性，prototype既是属性同时也是对象

这个对象可以挂载函数

因此，我们将那些不变的方法直接挂在prototype上

这样，所有根据构造函数new出来的对象身上都会挂载prototype上的方法

***constructor属性

是prototype对象里的一个属性，属性值是原型对象对应的构造函数

***this的指向

谁调用函数，this指向谁

！！箭头函数的this跟随上一层作用域的指向

***数组解构

***对象解构

一般情况下需同名 目的是定向解构

特殊情况下可以重新改名：

***解构数组对象