javaScript 基础知识汇总（四）

1、对象

　　概念：对象可以通过花括号{...} 和其中包含一些可选的属性来创建。 属性时一个键值对，键是一个字符串，值可以是任何类型。

对象的创建

 let  user = new Object();   //构造函数  的语法
 let user = {};  //"字面量" 的语法

　　对象的属性：

 let user = {  //一个对象
      name : "John",  //键“name"  ,值"John"
      age:30             //"键”age“ ，值 30
 };

 属性有键 ，在冒号的前面”：“，值在冒号的右边

对象属性的添加和删除

 user.sex = "man";  //对象属性的添加
 delete user.sex;  //对象的的删除

　　对象中方括号的使用

 //处理多词属性
 let user = {};

 user["like birds"] = true;//设置

 alert(user["like birds"]); //true   使用

 delete user["like birds"]; // 删除

　　计算属性

 //例子一：
     let fruit ="apple";
     let bag = {
             [fruit]:5
    };
     alert(bag.apple);

 //例子二：
     let fruit = "apple";
     let bag = {};
     bag[fruit] = 5;
 //例子三
     let fruit = "apple";
     let bag = {
         [fruit + "test"]:5;
     };
     alert(bag.fruittest);

　　属性值简写

　　当属性值的和键相同时可以如下所写

let user = {
    name,   //此处  name 和 name:name 相同
    age:13
}

　　对像属性存在值的检查

　　判断的方式  通过获取属性如果为undefined 则不存在，另一种方式为使用 in 关键字，但也存在特殊情况。具体示例如下：

 let user = {);

 alert( user.isExist==undifined) //true  表示这个属性不存在

 alert("isExist" in user); //false   属性不存在

 //特殊情况

 let obj = {
     test:undefined
 }

 alert(obj.test==undefined) //false ,但是这个属性存在，所以这时候使用这种方式就不合适
  alert("test" in obj); //true  表示这个属性存在。

　　for  ... in 循环

 let user = {
   name: "John",
   age: 30,
   isAdmin: true
 };

 for(let key in user) {
   // keys
   alert( key );  // name, age, isAdmin
   // 属性键的值
   alert( user[key] ); // John, 30, true
 }

　　引用复制

 let user = { name: 'John' };

 let admin = user;

 admin.name = 'Pete'; //  改变 "admin" 的引用

 alert(user.name); // 'Pete', changes are seen from the "user" reference
 上面的例子展示了只存在一个对象，就像我们的抽屉有两把钥匙，如果一个钥匙（admin）去使用了
抽屉，稍后使用另外一个钥匙（user）打开的时候，就会看到有变化。

　　比较引用

　　

 //两个引用指向同一个对象的时候他们相等。
 let a = {};
 let b = a; // 复制引用

 alert( a == b ); // true，两个变量指向同一个对象
 alert( a === b ); // true

 //如果是两个不同的属性，他们就不相等，即使都是空的。
 let a = {};
 let b = {}; // 两个独立的对象

 alert( a == b ); // false

　　常量对象

 //一个被 const 修饰的对象可以被修改。
 const user = {
   name: "John"
 };

 user.age = 25; // (*)

 alert(user.age); // 25
 //但是不能修改user这个对象
 const user = {
   name: "John"
 };

 // 错误（不能再给 User 赋值）
 user = {
   name: "Pete"
 };

　　对象复制和合并  Object.assign

　　复制一个对象的变量也等同于创建了此对象的另一个引用。

　　

 //用原始的代码操作
 let user = {
   name: "John",
   age: 30
 };

 let clone = {}; // 新的空对象

 // 复制所有的属性值
 for (let key in user) {
   clone[key] = user[key];
 }

 // 现在复制是独立的复制了
 clone.name = "Pete"; // 改变它的值

 alert( user.name ); // 原对象属性值不变

　　用Object.assign 来实现

　　语法：Object.assign(dest[, src1, src2, src3...])

• 参数 dest 和 src1, ..., srcN（可以有很多个）是对象。
• 这个方法复制了 src1, ..., srcN 的所有对象到 dest。换句话说，从第二个参数开始，所有对象的属性都复制给了第一个参数对象，然后返回 dest。

   let user = {
     name: "John",
     age: 30
   };
  
   let clone = Object.assign({}, user);

  特殊情况，对象中仍有对象

   let user = {
     name: "John",
     sizes: {
       height: 182,
       width: 50
     }
   };
  
   let clone = Object.assign({}, user);
  
   alert( user.sizes === clone.sizes ); // true，同一个对象
  
   // user 和 clone 共享 sizes 对象
   user.sizes.width++;       // 在这里改变一个属性的值
   alert(clone.sizes.width); // 51

  在这种情况下，对象内部的对象并没有完全复制，而只是复制了对象的的值，在这种情况下，要再次判断，或者选择完善的j库