参数传递 this 和 event 的区别

当我们调用一个方法的时候一般都会传递this作为参数，但是今天小编遇到了一个问题就是传递this作为参数时

evt.target 是undefined  如果传递的参数是event时 就能找到 evt.target 对应的值 小编很是不解便去查询了一下两者的区别

this和event.target的区别：

js 中事件是会冒泡的，所以this是可以变化的，但event.target不会变化（在事件触发时，只传递当前event对象的引用），它永远是直接接受事件的目标DOM元素；

　　另外，this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);

onclick = uploadAirportImgInput(this)       与     onclick = uploadAirportImgInput(event)

1. function uploadAirportImgInput(evt) {
2. var reader = new FileReader();
3. reader.readAsDataURL(evt.target.files[0]); // 读出 base64
4. reader.onloadend = function () {
5. // 图片的 base64 格式, 可以直接当成 img 的 src 属性值
6. var dataURL = reader.result;//base64
7. // 显示图片
8. $(evt).prev().attr('src', dataURL);
9. };
10. }

如果参数是this 时 

如果参数时event 时 

由此可见 当传递参数时 this与evt.target 的指向时一致的，都是指向DOM元素，换句话理解this = evt.target

1. this是Javascript语言的一个关键字。 

2. this代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。