下面这个例子可以获取到最新的值吗Document更改时间 获取时间 现在问大家获取的值是 {startTime: 0, endTime: 0} 还是 {startTime: 1000, endTime: 10} ? 也许很多小伙伴都认为获取的值是 {startTime: 1000, endTime: 10} 实际上不是获取的是{startTime: 0, endTime: 0} image分析原因当 timeChange 函数中执行 timeObject { startTime, endTime } 时修改的是对象引用(因为重新赋值了整个对象)此时 timeObject 指向了一个新的对象。但是返回的对象中的 timeObject 仍然指向原来的对象因此外界获取不到最新的值。只能够拿到初始值(原来那个对象的值)。或者说修改对象的属性object.xx 改的是房子里的东西重新赋值换的是房子本身外部拿的旧钥匙打不开新房子在JavaScript中对象是通过引用传递的核心是在JavaScript中对象是通过引用传递的当重新赋值整个(对象)变量时它指向了一个新的对象而外部持有的(旧引用)不会自动更新。解决办法一逐一修改对象的属性function leftTimeRelatedFun() {// 此时页面上显示的开始时间和结束时间let timeObject {startTime:0,endTime:0}// 选择了时间按钮function timeChange() {console.log(‘更改了时间’)const endTime 1000const startTime 10//第1种:修改timeObject 变量本身没有变// 只是修改了对象内部的属性值。对象的引用没有发生变化;始终指向同一个对象。外部持有的引用能看到最新的变化。timeObject.startTime startTime; timeObject.endTime endTime}return {timeObject,timeChange}}const {timeObject,timeChange} leftTimeRelatedFun()解决办法二返回一个 getter 函数function leftTimeRelatedFun() {let timeObject { startTime: 0, endTime: 0 }function timeChange() {timeObject { startTime: 10, endTime: 1000 }}// 通过这个方法来获取闭包总是拿到最新的引用function getTimeObject() {return timeObject}return { getTimeObject, timeChange }}const { getTimeObject, timeChange } leftTimeRelatedFun()function lookForTime() {console.log(‘最新值’, getTimeObject())}image我们在看下这个题function change(obj) {obj.name ‘changed’;obj { name: ‘new’ };obj.name ‘inner’;}let data { name: ‘outer’ };change(data);console.log(data.name); // 输出的是什么正确答案输出的是changed分析当你把 data 传入 change 函数时函数内部的形参 obj 和外面的 data 指向同一个对象地址 0x001。此时内存情况data 地址 0x001 → { name: ‘outer’ }obj 地址 0x001 → { name: ‘outer’ }函数内部执行obj.name ‘changed’;它修改的是对象中的属性引用地址没有发生改变。此时的内存情况data 地址 0x001 → { name: ‘changed’ }obj 地址 0x001 → { name: ‘changed’ }obj { name: ‘new’ };执行第二行代码关键转折点这里不是修改原来的对象而是给 obj 变量重新赋值了一个新的对象新地址 0x002此时内存情况data 地址 0x001 → { name: ‘changed’ } 还在指着老对象obj 地址 0x002 → { name: ‘new’ } 换指了新对象然后执行obj.name ‘inner’;修改的是新对象地址 0x002老对象地址 0x001纹丝不动函数执行完毕打印 data.name 输出的是changed总结函数传参如果传递的是引用类型函数内部属性的修改会影响外部的变量。如果重新赋值整个对象,则函数内部的参数和外部的变量引用地址发生了变化以后他们之间修改互不影响下面的题function test(person) {// 传递的是引用类型函数内部属性的修改会影响外部的变量person.age 25;// 传递的是引用类型,重新赋值整个对象,函数内部的参数和外部的变量引用地址发生了变化以后他们之间修改互不影响person { age: 30 };person.age 35;return person;}const p1 { age: 20 };// 此时 p2 { age: 35}const p2 test(p1);console.log(p1.age); // 输出25console.log(p2.age); // 输出35下面这个题var funcs [];for (var i 0; i 3; i) {funcs.push(function() { console.log(i); });}funcs0; // 3funcs1; // 3funcs2; // 3核心原因有两个var 没有块级作用域循环过程中i 一直在被修改最终停在了 32.闭包捕获的是变量引用不是值当函数真正执行时你调用 funcs0 时循环早已结束i 已经是 3 了。怎么改成输出 0、1、2var funcs [];for (let i 0; i 3; i) { // let 有块级作用域funcs.push(function() { console.log(i); });}funcs0; // 0funcs1; // 1funcs2; // 2请问依次点击三个按钮控制台分别输出什么012输出的是3。原因是当点击按钮的时候循环已经结束了。此时的i3;所以输出的是3obj2 obj1 会让 obj2 和 obj1 指向同一个对象let obj1 { name: ‘Alice’ };let obj2 obj1; // { name: ‘Alice’ }obj2.name ‘Bob’; // { name: ‘Bob’ }console.log(obj1, obj2) // { name: ‘Bob’ }总结 obj2 obj1 会让 obj2 和 obj1 指向同一个对象他们的引用地址是相同的修改 obj2.name 会影响到 obj1因为它们是同一个对象引用地址的本质let obj1 { name: ‘Alice’ };let obj2 obj1;// 它们在内存中的关系// obj1 → 0x001 (内存地址)// obj2 → 0x001 (同一个内存地址)// 0x001 处存储: { name: ‘Alice’ }console.log(obj1 obj2); // true比较的是引用地址下面这个题let obj1 { name: ‘Alice’ };let obj2 obj1; // { name: ‘Alice’ }obj2.name ‘Bob’; // { name: ‘Bob’ }let obj3 { name: ‘Carol’ };obj2 obj3; // { name: ‘Carol’ } 此时obj2和obj1断开了链接obj2.name ‘Dave’; // { name: ‘Dave’ }console.log(obj1.name); //Bobconsole.log(obj3.name); // Dave再练习一个相似的题目let a { val: 1 };let b a; // { val: 1 }b.val 2; // { val: 2 }let c { val: 3 };b c; // b {val: 3} // 此时b,a之间的链接断开了b.val 4; // b {val: 4}console.log(a.val); // ? 输出2
