2021-05-21

最新推荐文章于 2024-09-06 23:50:34 发布

Aurora_Nil

最新推荐文章于 2024-09-06 23:50:34 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/zhouziyu2011/article/details/58593362

this关键字

普通函数this指向
谁调用的函数，函数的this就指向谁，否则指向全局
可以通过call apply bind修改函数内部this指向

箭头函数this指向
箭头函数本身是没有 this，箭头函数 this 是定义箭头函数时父级作用域的 this，也就是说使用箭头函数时，箭头函数内部的 this，我们只需要看定义该箭头函数时，该箭头函数父级的 this 即可
于箭头函数自身没有this，所以call、apply、bind对箭头函数是不起作用的

事件模型：事件委托、代理

事件委托的原理事件从最深的节点开始，然后逐步向上传播事件，委托它们父级代为执行事件。
———————————————————————————————————————
如何让事件先冒泡后捕获
目标元素自身的事件想要先冒泡后捕获，就把添加冒泡事件代码放在添加捕获事件前面。
addEventListener(event，function，useCapture布尔值)ture为捕获
addEventListener(event，function，useCapture布尔值)false为冒泡

对象和面向对象

对象：属性和方法的集合叫做对象（万物皆对象）

面向对象可以看做面向一个具体事物的结果

面向对象的三大特性：
1、封装：
隐藏对象的属性和实现细节，仅对外提供公共访问方式，将变化隔离，便于使用，提高复用性和安全性。

2、继承
提高代码复用性；继承是多态的前提。

3、多态
父类或接口定义的引用变量可以指向子类或具体实现类的实例对象。提高了程序的拓展性。

查找数组重复项

查找该元素首次出现的位置和最后出现的位置下标是否相同，同时判断新数组中是否不存在该元素，如果都满足则添加进新数组中去。
var arr = [1,2,45,44,45,2,89,1,1,2,1,2,44];
Array.prototype.unique = function(){
	var arr = this;
	var box = [];
	for(var str of arr){
		if(arr.indexOf(str) != arr.lastIndexOf(str) && box.indexOf(str) == -1){
			box.push(str);
		}
	}
	return box;
}
console.log(arr.unique());

数组扁平化

数组扁平化是指将一个多维数组变为一维数组

[1, [2, 3, [4, 5]]]  ------>    [1, 2, 3, 4, 5]

扩展运算符
es6的扩展运算符能将二维数组变为一维
————————————————————
遍历数组arr，若arr[i]为数组则递归遍历，直至arr[i]不为数组然后与之前的结果concat。

[].concat(...[1, 2, 3, [4, 5]]);  // [1, 2, 3, 4, 5]

根据这个结果我们可以做一个遍历，若arr中含有数组则使用一次扩展运算符，直至没有为止。

function flatten(arr) {
    while(arr.some(item=>Array.isArray(item))) {
        arr = [].concat(...arr);
    }
    return arr;
}

——————————————
递归
递归的遍历每一项，若为数组则继续遍历，否则concat

function flatten(arr) {
    var res = [];
    arr.map(item => {
        if(Array.isArray(item)) {
            res = res.concat(flatten(item));
        } else {
            res.push(item);
        }
    });
    return res;
}

垃圾回收机制

什么是垃圾：
一般来说没有被引用的对象就是垃圾，就是要被清除，有个例外如果几个对象引用形成一个环，互相引用，但根访问不到它们，这几个对象也是垃圾，也要被清除。

方法：
①JS具有垃圾自动回收的机制：周期性执行，找出那些不在继续使用的变量，然后释放其内存。

②标记清除(常见)：
当变量进入环境时，将这个变量标记为“进入环境”。当变量离开环境时，则将其标记为“离开环境”。标记“离开环境”的就回收内存。垃圾回收器完成内存清除工作，销毁那些带标记的值并回收他们所占用的内存空间。