![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
weixin_42397018
这个作者很懒,什么都没留下…
展开
-
前端JavaScript实现深度克隆
实现过程遍历对象1.判断是不是原始值2.判断数组还是对象3.建立相应的数组或者对象4.递归function deepCopy(origin, target) { var target = target || {}; for (var prop in origin) { target[prop] = type...原创 2020-04-14 00:15:13 · 331 阅读 · 0 评论 -
前端JavaScript防抖、节流实现
防抖&节流在前端开发中部分用户行为会频繁的触发事件执行,对于dom操作,网络请求等耗费性能的处理,很可能导致界面卡顿,甚至浏览器崩溃。函数节流和函数防抖就是为了解决类似的问题。节流函数节流就是预定一个函数只有在大于等于执行周期时才执行,周期内调用不执行。<div id="show">0</div><button id="btn">click&l...原创 2020-04-08 21:29:55 · 243 阅读 · 0 评论 -
前端JavaScript必会手写代码之bind的实现
bind使用bind与call和apply的作用一致,都是改变this指向。但在使用方式上会有一些不同。var value = 'window'; var obj = { value:'obj' } function show(name,age){ console.log(this.value); console.log(...原创 2020-04-07 23:05:43 · 155 阅读 · 0 评论 -
前端JavaScript必会手写代码之call、apply的实现
作用及区别作用都是改变this指向。区别是传参列表不同。call、apply用法var value = 'window'; var obj={ value:'obj' } function show(name,age){ console.log(this.value); return { name:name, age:age, } }...原创 2020-04-06 21:48:03 · 181 阅读 · 0 评论 -
前端JavsScript数组拓展方法forEach、filter、map、some、every、reduce的使用和模拟实现
1.forEach() 调用数组中的每个元素,会改变原数组var personArr = [ { name:'坤坤',age:20,dec:'我是谁' }, { name:'铁蛋',age:22,dec:'我在哪' }, { name:'菜花',age:18,dec:'我在干什么' }, ] personArr.forEach(fu...原创 2020-04-05 23:32:25 · 162 阅读 · 0 评论 -
前端JavaScript中的继承模式
传统形式(原型链继承)Grand.prototype.lastName = 'hkp'; function Grand(){ } var grand = new Grand(); Father.prototype = grand; function Father(){ this.name = 'baba' } var father = new Fat...原创 2020-04-02 22:50:34 · 62 阅读 · 0 评论