Web前端面试指导(三十一):谈谈你对this的理解
2016-10-07 17:28
639 查看
题目点评
主要考察你对面向对象编程的理解,特别是对象的指向问题,如果连对象的指向都搞不清楚,很难说明你是一个优秀的前端开发人员,所以回答this的知识点是体现你的身价的时候到来了!如果能够回答好这个问题,那么在面试上你是增值的。个人建议,可以先回答this在不同的场合指向的是什么,在来回答什么时候用到this,这样回答的逻辑会比较好。
this的指向
this表示当前对象,this的指向是根据调用的上下文来决定的,默认指向window对象,指向window对象时可以省略不写,例如:
this.alert() <=> window.alert()<=> alert();
调用的上下文环境包括全局和局部
全局环境
全局环境就是在<script></script>里面,这里的this始终指向的是window对象,
局部环境
1)在全局作用域下直接调用函数,this指向window
2)对象函数调用,哪个对象调用就指向哪个对象
3)使用 new 实例化对象,在构造函数中的this指向实例化对象。
4)使用call或apply改变this的指向
加分项
1. 用于区分全局变量和局部变量,需要使用this
2.返回函数当前的对象,看jquery1.8.3源码。
3.将当前的对象传递到下一个函数,看jquery1.8.3源码。
主要考察你对面向对象编程的理解,特别是对象的指向问题,如果连对象的指向都搞不清楚,很难说明你是一个优秀的前端开发人员,所以回答this的知识点是体现你的身价的时候到来了!如果能够回答好这个问题,那么在面试上你是增值的。个人建议,可以先回答this在不同的场合指向的是什么,在来回答什么时候用到this,这样回答的逻辑会比较好。
this的指向
this表示当前对象,this的指向是根据调用的上下文来决定的,默认指向window对象,指向window对象时可以省略不写,例如:
this.alert() <=> window.alert()<=> alert();
调用的上下文环境包括全局和局部
全局环境
全局环境就是在<script></script>里面,这里的this始终指向的是window对象,
<script> console.log(<strong>this</strong>);//指向window对象 </script>
局部环境
1)在全局作用域下直接调用函数,this指向window
function func(){ console.log(this) ;//this指向的还是window对象 } func();
2)对象函数调用,哪个对象调用就指向哪个对象
<input type="button"id="btnOK" value="OK"> <script> varbtnOK=document.getElementById("btnOK"); btnOK.onclick=function(){ console.log(this);//this指向的是btnOK对象 } </script>
3)使用 new 实例化对象,在构造函数中的this指向实例化对象。
var Show=function(){ this.myName="Mr.Cao"; //这里的this指向的是obj对象 } var obj=new Show();
4)使用call或apply改变this的指向
var Go=function(){ this.address="深圳"; } var Show=function(){ console.log(this.address);//输出 深圳 } var go=new Go(); Show.call(go);//改变Show方法的this指向go对象
加分项
1. 用于区分全局变量和局部变量,需要使用this
var age=20; function show(age){ this.age=age; }
2.返回函数当前的对象,看jquery1.8.3源码。
3.将当前的对象传递到下一个函数,看jquery1.8.3源码。
相关文章推荐
- Web前端面试指导(三十三):谈谈你对模块化开发的理解?
- Web前端面试指导(九):盒子模型你是怎么理解的?
- Web前端面试指导(四十八):谈谈浏览器的兼容性
- Web前端面试指导(四):面试前准备-有备而去百战百胜
- Web前端面试指导(二十二):用js实现千位分隔符,怎么实现?
- Web前端面试指导(三十二):同步和异步有什么区别?
- Web前端面试指导(二十七):原型是什么?原型链是什么?
- Web前端面试指导(五):掌握面试技巧,让面试变得轻松
- Web前端面试指导(十七):一个满屏 品 字布局 如何设计?
- Web前端面试指导(二十四):事件是什么?如何阻止事件冒泡?
- Web前端面试指导(十九):CSS样式-如何清除元素浮动?
- Web前端面试指导(三十):JavaScript有几种类型的值?你能画一下他们的内存图吗?
- Web前端面试指导(十一):样式导入有哪些方式?
- Web前端面试指导(二十五):谈一下Jquery中的bind,live,delegate,on的区别?
- Web前端面试指导(二):编写简历,吃透简历内容
- Web前端面试指导(八):iframe有那些缺点
- Web前端面试指导(十三):css样式的优先级是怎么样的?
- Web前端面试指导(十四):如何居中一个元素(正常、绝对定位、浮动元素)?
- Web前端面试指导(二十八):什么是闭包,为什么要用它?
- Web前端面试指导(二十六):JSON 格式是什么?你了解吗?