JS高级部分知识点简单总结

2020.12.9 17：38

01.this指向

• 事件函数中：指向事件源
• 普通函数中：指向的是window对象
• 构造函数中：指向的是实例对象
• 普通对象中：指向的是当前对象

02.call、apply、bind修改this指向

var stu={
   
	name:'zs',
	age:12,
	weight:200
}
function add(a,b){
   
	console.log(a,b,this.age);
}
//fn.call(所要指向的对象,参数1,参数2,...) 调用fn函数并修改this指向
add.call(stu,1,2);

// fn.apply(所要指向的对象,[参数1,参数2,...]) 调用fn函数并修改this指向
add.apply(stu,[1,2]);

//bind不会直接调用函数,而会返回一个新的函数，返回的新函数修改了this指向
var fn=add.bind(stu,1,2);
fn();

• fn.call(所要指向的对象,参数1,参数2,...)调用fn函数并修改this指向
• fn.apply(所要指向的对象,[参数1,参数2,...])调用fn函数并修改this指向
• bind不会直接调用函数,而会返回一个新的函数，返回的新函数修改了this指向

03.原型和原型链

• 原型：每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。
• proto:每个对象(除null外)都会有的属性，叫做__proto__，这个属性会指向该对象的原型。
• constructor:每个原型都有一个constructor属性，指向该关联的构造函数
• 实例与原型:当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去找原型的原型，一直找到最顶层为止
• 原型的原型:原型也是一个对象，原型对象就是通过 Object 构造函数生成的,实例的 proto 指向构造函数的 prototype
• 原型链(下图中蓝线):当从一个对象那里调取属性或方法时，如果该对象自身不存在这样的属性或者方法，就会去关联的prototype那里寻找，如果prototype没有，就会去prototype关联的prototype那里寻找。如果还没有，会一直向上寻找，直到prototype…prototype…为null。从而形成了原型链(根本上来说就是继承)
  
  详细解读:链接
  图片来自:链接

04.get和set

var circle={
   
	r:20,
	get acr(){<