this的默认绑定、隐式绑定、显示绑定、new绑定

<script>
//全局变量obj_value
var obj_value=; //1、window调用
console.log(`******************************************************`)
function fn(){
console.log("obj_value",this.obj_value);
}
fn(); //输出obj_value=1 //2、obj对象显式调用
console.log(`******************************************************`)
var obj={
obj_value:,
fire:function(){
console.log("obj_value",this.obj_value);
}
}
obj.fire(); //obj对象没有丢失绑定,输出obj_value=2 //3、obj对象隐式调用
console.log(`******************************************************`)
function fn_fire(){
console.log("obj_value",this.obj_value);
}
var obj={
obj_value:,
fire:fn_fire //隐式调用外部的function
}
obj.fire(); //虽然隐式调用,但是obj对象没有丢失绑定,输出obj_value=2 //4、间接隐式/显示调用obj对象的方法、
console.log(`******************************************************`)
function fn_fire(){
console.log("obj_value",this.obj_value);
}
var obj={
obj_value:,
fire:fn_fire //隐式调用外部的function
}
obj.fire(); //虽然隐式调用,但是obj对象没有丢失绑定,输出obj_value=2
var other_fire=obj.fire;
other_fire();//间接调用obj的方法,导致obj对象丢失,重新获取window对象,obj_value=1 //5、obj对象丢失,使用call、apply、bind重新绑定obj对象,
//call/apply跟bind的区别是,
// call/apply会直接执行函数,bind不执行函数,只返回一个可供执行的函数
console.log(`******************************************************`)
function fn_fire(){
console.log("obj_value",this.obj_value);
}
var obj={
obj_value:,
fire:fn_fire //隐式调用外部的function
}
var other_fire=obj.fire;
other_fire();//间接调用obj的方法,导致obj对象丢失,重新获取window对象,obj_value=1
other_fire.call(obj);//虽然间接绑定,但是使用call绑定了obj对象,obj_value=2
other_fire.apply(obj);//apply跟call作用一样,obj_value=2
var bind_fire=other_fire.bind(obj);//使用bind绑定obj对象,返回一个function
bind_fire();//obj_value=2 //6、new绑定,this都是指定当前对象
console.log(`******************************************************`)
var obj={
fire:function(param1){
this.obj_value=param1;
}
}
var new_obj=new obj.fire(); //新建obj.fire()对象,this将是其fire()本身
console.log("obj_value",new_obj.obj_value)//输出obj_value=3
console.log("obj_value",this.obj_value)//输出obj_value=1
</script>

输出

最新文章

  1. 树链剖分求LCA
  2. Atitit.在线充值功能的设计
  3. OC中的面向对象语法3
  4. PD16 Generate Datebase For Sql2008R2时报脚本错误“对象名sysproperties无效”
  5. 【poj1012】 Joseph
  6. centos 下安装.net core
  7. 解决VS2008 开发Windows Mobile 项目生成速度慢的问题
  8. ASP.NET 4.5新特性WebAPI从入门到精通
  9. 9款完美体验的HTML5/jQuery应用
  10. B和B+树学习笔记
  11. SMO启发式选择
  12. Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性!
  13. Rookey.Frame v1.0极速开发平台稳定版发布
  14. python 一篇就能理解函数基础
  15. SpringMVC 使用MultipartFile实现文件上传(转)
  16. 释放锁标记只有在Synchronized代码结束或者调用wait()。
  17. 【转】xhEditor技术手册 网页编辑器基础教程
  18. ABBYY FineReader Pro for Mac系统要求
  19. Ubuntu 16.04下docker ce的安装
  20. go_Map

热门文章

  1. 前端笔记-css
  2. 在stm32开发可以调用c标准库的排序和查找 qsort bsearch
  3. dp四边形优化
  4. JQuery 实践--扩展JQuery
  5. Reflect对象
  6. SharePoint學習
  7. ueditor+word粘贴上传!
  8. 【线性代数】6-3:微分方程的应用(Applications to Differential Equations)
  9. mysql 进程
  10. Linux监控工具介绍系列——iostat