13.基本和引用数据类型.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /*
  10. 基本数据类型
  11. String Number Boolean Null Undefined
  12. 引用数据类型
  13. Object
  14. Js中的变量都是保存到栈内存中的,
  15. 基本数据类型的值直接在栈内存中存储
  16. 值与值之间是独立存在的,修改一个变量不会影响其他的变量
  17. 对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间
  18. 而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象的应用,
  19. 当一个通过一个变量修改属性时,另一个也会受到影响
  20. */
  21. var a = 123;
  22. var b = a;
  23. a++;
  24. // console.log("a="+a);//输出结果为124
  25. // console.log("b="+b);//输出结果为123
  26. var obj = new Object();
  27. obj.name = "孙悟空";
  28. var obj2 = obj;
  29. console.log(obj);
  30. console.log(obj2);
  31. //修改obj的name属性
  32. obj.name = "二师兄";
  33. console.log(obj.name);//输出结果为二师兄
  34. console.log(obj2.name);//输出结果为二师兄
  35. //设置obj2为null
  36. obj2 = null;
  37. // console.log(obj);
  38. // console.log(obj2);
  39. // var c = 10;
  40. // var d = 10;
  41. // console.log(c == d);
  42. var obj3 = new Object();
  43. var obj4 = new Object();
  44. obj3.name = "沙和尚";
  45. obj4.name = "沙和尚";
  46. console.log(obj3 == obj4);//结果为false
  47. // console.log(obj3);
  48. // console.log(obj4);
  49. /*
  50. 当比较两个基本数据类型的值时,就是比较值。
  51. 而比较两个引用数据类型时,它是比较的对象的内存地址,
  52. 如果两个对象是一模一样的,但是地址不同,它也会返回false
  53. */
  54. // console.log(obj3 == obj4);
  55. </script>
  56. </head>
  57. <body>
  58. </body>
  59. </html>