一、this 运用。
this 是谁调用的this所在的函数或方法,那么this就指向其。
this使用的地方:事件(行内\js文件内)、构造函数、原型、对象
二、深拷贝和浅拷贝: 前者拷贝的是值,后者为地址
- 使用普通的赋值:浅拷贝,赋值的是地址,改变一个对象另一个对象亦会改变。
let obj = { "name": "tjh" } let obj1 = {}; obj1 = obj;
- 使用Object.assign()方法:浅拷贝,键值对是值类型的为深拷贝,对象类型的为浅拷贝
let obj = { "name": "tjh", "sub": [1,2,3] } let obj1 = {}; obj1 = Object.assign({},obj);
- 使用JSON方法:浅拷贝,只有键值对为函数的时候会直接过滤跳过,其他情况都为深拷贝
let obj = { "name": "tjh", "sub": [1,2,3], "num": function(){ console.log("111"); } } let obj1 = {}; let obj1 = JSON.stringify(obj); JSON.parse(obj1);
- 使用for-in方法:深拷贝,包括函数都赋值
function deepClone(obj){ let newObj = obj instanceof Array ? [] : {}; for(let k in obj){ newObj[k] = typeof obj[k] === "Object" ? deepClone(obj[k]) : obj[k]; } return newObj; }
三、构造函数与实例对象
构造函数是创建一个类,实现方式:函数名首字母大写,函数内部有this关键字
function Cellphone(brand,price,type){
this.brand = brand,
this.price = price,
this.type = type
}
实例对象是将构造函数具体化,以new为关键字
var c2 = new Cellphone({
brand:"小米",
price:1000,
type:"红米"
});
四、原型对象
使用prototype关键字,在构造函数中添加新的对象,使实例的对象不需要修改或重新定义亦可拥有新的属性
Cellphone.prototype.sayMe = function(){"添加对象的方法其实就是添加函数"}