JavaScript — this指向、new关键字

this指向

1、普通函数调用：当一个函数不是一个对象的属性时，直接作为函数来调用时，this指向全局对象。
2、对象方法调用：如果一个函数作为一个对象的方法来调用时，this指向这个对象
3、构造函数调用：this指向这个用new新创建的对象
4、apply 、 call 和 bind 调用模式：这三个方法都可以显示的指定调用函数的 this 指向。apply接收参数的是数组，call接受参数列表；
bind方法通过传入一个对象，返回一个 this 绑定了传入对象的新函数。这个函数的 this指向除了使用new `时会被改变，其他情况下都不会改变。
5、箭头函数：箭头函数没有this

普通函数

add()
function add() {
	var a = 1;
	console.log(this)  // this指向window
}

对象方法

var p2 = {
	firstName: 'first',
	lastName: 'last',
	bal: function() {
		console.log(this)  // this指向对象
		return this.firstName+''+this.lastName;
	}
}
console.log(p2.bal());

构造函数

function Person(a, b) {
	this.a = a;
	this.b = b;
	console.log(this);  // this指向person（new实例新创建的对象）
}
var p1 = new Person('num1', 'num2');

箭头函数

let obj = {
  name: '111',
   dal: (() => {
         console.log(this)  // this指向window
       })
   }
let obj1 = {
  	name: '111',
  	dal: function () {
     console.log(this) // this指向obj1
   }
 }
obj.dal()
obj1.dal()

new关键字

1. 首先创建了一个新的空对象
2. 设置原型，将对象的原型设置为函数的prototype对象
3. 让函数的this指向这个对象，执行构造函数代码（为这个新对象添加属性）
4. 判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型对象
5. 在js中 新建一个new Image()对象，image.src图片地址，这个是io读取是异步的，解决方法
   image.οnlοad=function(){
   }