章目录

进阶深浅拷贝浅拷贝深拷贝递归实现深拷贝js库lodash里面cloneDeep内部实现了深拷贝JSON序列化

异常处理throwtry

处理this普通函数箭头函数改变this指向callapplybind

防抖节流

拷贝对象拷贝数组Array.prototype.concat()

[…arr]

通过递归实现深拷贝lodash/cloneDeep通过JSON.stringify()实现

递归实现深拷贝

这个函数就是递归函数递归函数的作用和循环效果类似由于递归很容易发生“栈溢出”错误stack

return

老pinkconsole.log(obj)console.log([1,

23]

/bodyjs库lodash里面cloneDeep内部实现了深拷贝

body!--

src./lodash.min.js/scriptscriptconst

obj

_.cloneDeep(obj)console.log(o)o.family.baby

/bodyJSON序列化

console.log(JSON.stringify(obj))const

JSON.parse(JSON.stringify(obj))console.log(o)o.family.baby

/body异常处理

异常处理是指预估代码执行过程中可能发生的错误然后最大程度的避免错误的发生导致整个程序无法继续运行

throw

document.querySelector(.p)p.style.color

red}

查看错误信息console.log(error.message)//

{alert(执行)}console.log(如果出现错误我的语句不会执行)}foo()

/script总结

与普通函数完全不同也不受调用方式的影响事实上箭头函数中并不存在

this

{console.log(str)console.log(this)

this

函数调用user.sayHi()user.sleep()user.walk()

this

window因此DOM事件回调函数不推荐使用箭头函数如下代码所示

script//

windowbtn.addEventListener(click,

this

原型对像上添加了箭头函数Person.prototype.walk

{console.log(人都要走路...)console.log(this);

window}const

方法第2个参数为数组数组的单元值依次自动传入函数做为函数的参数

bind