原始值和引用值

以往我们通常会说 基本类型值和引用类型值

原始值六种：

  • Undefined
  • Null
  • String
  • Number
  • Boolean
  • Symbol

引用值：对象

动态属性

对原始值添加属性没有意义，尽管不会报错. 但是可以随时给引用值添加、修改、删除属性和方法

  1. let person = new Object();
  2. person.name = "Nicholas";
  3. console.log(person.name); // "Nicholas"
  5. let name = "Nicholas";
  6. name.age = 27;
  7. console.log(name.age);  // undefined, 这样做没有意义
  9. let name1 = "Nicholas";
  10. let name2 = new String("Matt");  // 注意理解基本包装类型
  11. name1.age = 27;
  12. name2.age = 26;
  13. console.log(name1.age);    // undefined
  14. console.log(name2.age);    // 26
  15. console.log(typeof name1); // string
  16. console.log(typeof name2); // object

复制值

原始值会全部复制, 引用值只会复制引用

  1. let obj1 = new Object(); 
  2. let obj2 = obj1; // 引用类型复制
  3. obj1.name = "Nicholas";
  4. console.log(obj2.name); // "Nicholas"

参数传递

ES中所有函数都是按值传递的

  1. // 原始值按值传递很好理解
  2. function addTen(num){
  3.   num += 10;
  4.   return num;
  5. }
  7. let count = 20;
  8. let result = addTen(count)  
  10. console.log(count) // 20
  11. console.log(result) // 30
  13. // 引用类型按值传递不太好理解
  14. function setName(obj) {
  15.   obj.name = "Nicholas";
  16. }
  17. let person = new Object();
  18. setName(person);
  19. console.log(person.name);  // "Nicholas"
  21. function setName2(obj) { 
  22.   obj.name = "Nicholas"; 
  23.   obj = new Object();  // 这表明函数中参数的值改变之后，原始的引用仍然没变
  24.   obj.name = "Greg";
  25. }
  27. let person2 = new Object();
  28. setName2(person2);
  29. console.log(person2.name);  // "Nicholas"