7.27 对象赋值如何能够做到不影响原对象

1. css 超过两行之后显示省略号

display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。

-webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）

-webkit-line-clamp:2; //这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。

2. 对象赋值如何能够做到不影响原对象
3. JavaScript 中对象的赋值是默认引用赋值的，如果你想要复制赋值，则必须要重新分配对象，使用如下代码即可避免此问题：

var a = {'name': 'wangying'};
var b = Object.assign({}, a);
b.name = 'yingwang';
console.log(a.name);

此时即可看到 a.name 的值并没有发生变化了。

解决方法: JSON.parse(JSON.stringify(obj))

• 通过 Object.assign() 赋值

// 使用 Object.assign() 方法复制对象
let obj1 = { a: 0 , b: { c: 0}};
let obj2 = Object.assign({}, obj1);
console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}}
 
obj2.a = 2;
console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 0}}
console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 0}}
 
obj2.b.c = 3;
console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 3}}
console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 3}}

此方法也有不足之处：当修改obj2.b.c的值时，原对象obj1.b.c也跟着发生了变化，Object.assign()只是让对象里第一层的数据没有了关联性，但是对象内的对象则跟被复制的对象有着关联性的。
终极解决方案：JSON.parse(JSON.stringify(obj))

var function cloneObjectFn (obj){ // 对象复制
    return JSON.parse(JSON.stringify(obj))
}
 
var obj1={a:2,b{c:0}}
var obj2=cloneObjectFn(obj1)
console.log(obj2)    // {a:2,b{c:0}}