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库