关于引用与值:在 javaScript 中一个表达式的值或者说结果,可能是引用 / 值。所以 x = x ,是将右侧表达式x的值赋值给左侧表达式x所指的引用。注意此处的引用并非为到具体内存地址的指向,而是指表达式与其值的一种关联。
这一关联即引用,可以通过 delete 操作明晰。注意,delete 仅会对于对象的属性生效。区分清楚其作用的对象和属性即可确定其效果。代码如下:
// obj 、a.ao 和 b.bo 指向同一地址,完全相同
const obj={ test:'hi' }
const a={ ao:obj }
const b={ bo:obj }
// delete b.bo ,对象是 b,属性是 bo,即删除 b 的 bo 属性
// 相当于断开了 b 与 obj 值({ test:'hi' })之间联系桥梁 bo
// 而这并不影响 a 通过属性 ao 对 obj 的引用
// 也不影响 obj 本身
delete b.bo // true
obj // { test:'hi' }
a.ao // { test:'hi' }
b.bo // undefined
// 而 delete a.ao.test,对象是 a.ao,属性是 test,即删除 a.ao 的 test 属性
// 相当于断开了 a.ao 与 test 值('hi')之间联系桥梁 test
// 而由于 obj===a.ao,obj 和 a.ao 使用同一引用
// 所以其等效于 delete obj.test,obj 本身也就受到了影响
delete a.ao.test
obj // {}
a.ao // {}
b.bo // undefined
以上叙述中,桥梁=联系=引用。对应关系如下图。
另外对于 null 和 undefined 进行 delete 操作时,表现不同。因为 null 是一个关键字,直接对应到值;而 undefined 是一个只读的全局变量,是通过引用获取到值 undefined。代码如下。
// null 是一个值,delete 操作会直接返回 true
// global.null 是一个引用,且未定义,取值为undefuned,delete 操作也会直接返回 true
// undefined 是一个只读的全局变量,undefined 即为 global.undefined
// 应为只读 delete 操作返回 false
delete null // true
delete global.null // true
delete undefined // false
delete global.undefined // false
----- 极客时间《JavaScript 核心原理解析》学习笔记 Day 1 -----