JavaScript 核心知识点(四)
数据类型 作用域 闭包1. 原始类型 引用类型原始类型值类型Number/String/Boolean/Null/Undefined/Symbol/BigInt存栈赋值是拷贝值leta10;letba;b20;console.log(a);// 10 不受影响引用类型Object/Array/Function存堆赋值是拷贝地址引用letobj1{name:张三};letobj2obj1;obj2.name李四;console.log(obj1.name);// 李四 跟着变2. 深浅拷贝浅拷贝只拷贝第一层深层还是引用关系// 方法1展开运算符letobj{a:1,b:{c:2}};letcopy{...obj};copy.b.c999;console.log(obj.b.c);// 999 深层受影响深拷贝完全独立互不影响// 简易深拷贝面试常用letdeepJSON.parse(JSON.stringify(obj));deep.b.c888;console.log(obj.b.c);// 999 不受影响3. 作用域链、闭包原理作用域变量 / 函数可访问的范围全局作用域函数作用域块级作用域let/const作用域链内层找变量 → 先找自己 → 再找外层 → 直到全局leta10;functionfn(){letb20;functioninner(){console.log(ab);// 能访问到外层a、b}inner();}fn();// 30闭包函数嵌套内层函数访问外层函数变量且被外部保留 → 形成闭包作用私有化变量延长变量生命周期保存状态functionouter(){letcount0;// 被闭包保护returnfunctioninner(){count;console.log(count);};}constfnouter();fn();// 1fn();// 2fn();// 3闭包原理外层函数执行完毕本该销毁但内层函数被引用 → 作用域链不销毁 → 变量保留。4. this 指向普通函数 / 箭头函数 / 定时器1普通函数谁调用this 指向谁constobj{fn:function(){console.log(this);// obj}};obj.fn();2箭头函数没有自己的 this继承外层作用域的 thisconstobj{fn:(){console.log(this);// window/全局}};3定时器setTimeout 里的普通函数 → this windowsetTimeout(function(){console.log(this);// window},1000);定时器 箭头函数 → this 继承外层constobj{fn:function(){setTimeout((){console.log(this);// obj},1000);}};obj.fn();一句话速记原始类型赋值拷贝值引用类型赋值拷贝地址浅拷贝一层深拷贝完全独立作用域链由内向外找变量闭包内层访问外层变量且被保留普通函数 this 看调用箭头函数 this 看外层总结1.原始类型存栈、赋值传值引用类型存堆、赋值传地址2.浅拷贝只复制第一层深拷贝完全独立3.作用域链是变量查找规则闭包是函数 作用域的组合4.普通函数this看调用者箭头函数this继承外层定时器普通函数thiswindow以上是本次分享全部内容。非常感谢您阅读本篇博客文章。希望这篇文章能够为您提供有价值的信息并帮助您解决问题或增长知识。如果您对文章内容有任何问题、建议或反馈。同时也欢迎您继续关注我的博客获取更多有趣、实用的内容。期待与您在下一篇文章再次见面。谢谢