js中对象属性赋值为对象本身

目录

前言

一、什么是js变量赋值变量?

二、js中对象属性赋值为对象本身

1.js中对象属性赋值为对象本身有多少层级(递归)

2.js中对象属性赋值为对象本身有多少层级(while循环)

总结

---

---

---

前言

提示：学习js赋值中的困惑：

例如：随着我们学习js赋值, 会有许多不解的困惑, 其中也包含, 为什js中对象属性可以赋值为对象本身?效果又是如何?

---

一、什么是js变量赋值变量?

示例：将一个变量a的值赋值给另外一个变量b, 使得b可以访问到a的值。

代码如下（示例）：b 赋值了a, b可以访问到a的数据也可以更改a的数据, a也依然可以更改到自身数据。

let a = [1,{ c: "2" }, true];
let b = a;
b[0] = 3;
a[1].c = "4";
console.log(b[0]); //output: 3
console.log(b[1].c); //output: "4"

二、js中对象属性赋值为对象本身

1.示例：对象属性本身属于变量存储再js中, 因此对象属性可以赋值为对象本身。

代码如下（示例）：obj对象的propB属性赋值obj对象本身, 使得obj.propB可以访问到obj对象的数据。

let obj = { propA: 3};
obj.propB = obj;
console.log(obj.propB.propA); //output: 3
console.log(obj.propB.propB.propA); //output: 3

1.js中对象属性赋值为对象本身有多少层级(递归)

1.示例：既然以上 obj.propB可以访问到obj对象的数据, 那么可以其访问多少层propB?

代码如下（示例）：使用递归探层。

let obj = { propA: 3};
obj.propB = obj;
let count = 0; //计数

function vistiPropB(obj, prop) {
  if (obj && typeof(obj) === "object" && (prop in obj)) {
    count++;
    vistiPropB(obj.propB, prop);
  }else {
    console.log(count);
  }
}
vistiPropB(obj, "propB");

提示: Maximum call stack size exceeded, 递归调用次数太多了已经超出最大栈了, 递归方法不可用。

2.js中对象属性赋值为对象本身有多少层级(while循环)

1.示例：既然以上 obj.propB可以访问到obj对象的数据, 那么可以其访问多少层propB?

代码如下（示例）：使用while循环探层。

let obj = {};
obj.propB = obj;
let count = 0; //计数
let order = 1; //执行

let testObj = obj; //用于测试层级

while(order) {
  if (testObj && typeof (testObj) === "object" && testObj) {
    count++;
    testObj = testObj.propB; //查询下一层
  }else {
    order = 0; //停止
    console.log(count);
  }
}

提示:  是不是感觉进入循环了, 因为层级查不完, 我们可以认为它是无数层。也可以认为他并没有层级,他只不过obj的propB属性可以访问到obj对象自身而已。

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了js中对象属性赋值为对象本身。