博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS中 this 的四种用法
阅读量:5907 次
发布时间:2019-06-19

本文共 632 字,大约阅读时间需要 2 分钟。

1、在一般函数中使用 this 指全局对象 window

function fn(){    this.x = 1}fn(); //相当于window.fn()

2、作为对象方法使用 this 指该对象

function fn(){    alert(this.x) //this是调用该函数的obj对象 输出test}var obj = {'fn':fn,'x':'test'}obj.fn();

3、作为构造函数使用 this 指new 函数出的对象

function fn(){    this.x = 123; //this是调用该函数的obj对象}var obj = new fn(); //obj = {x:123}

4、apply 调用函数,apply 方法作用是改变函数的调用对象,此方法第一个参数为改变后的调用函数的对象,函数里this指第一个参数

var x = 11;function fn(){    alert(this.x)    }var obj = {'fn':fn,'x':22}var obj2 = {'x':33}obj.fn.apply(); // 11 ,apply()参数为空时,默认调用的是全局对象,this当前指全局对象obj.fn.apply(obj); // 22obj.fn.apply(obj2); // 33

 

转载于:https://www.cnblogs.com/sdzj/p/10476992.html

你可能感兴趣的文章
[转载]替代Visio的免费软件:EDraw Mind Map
查看>>
(C#)AJAX post方式传值
查看>>
【转】Installing the libv8 Ruby gem on Centos 5.8
查看>>
【原创】宿主机远程登录虚拟机(windows server 2003系统)
查看>>
【甘道夫】HBase(0.96以上版本号)过滤器Filter具体解释及实例代码
查看>>
Linux_脚本安装包(以Webmin的安装为例)
查看>>
HANDLER命令与实现
查看>>
Linux(Centos)之安装tomcat并且部署Java Web项目
查看>>
MySQL中四舍五入的实现
查看>>
单月销量突破300万台,OPPO R9s为何连破纪录?
查看>>
字节跳动收购锤子部分专利使用权 探索教育领域业务
查看>>
因聚而生,以行致盛|华为中国ICT生态之行2018走进洛阳
查看>>
“通俄门”调查接近尾声?美代理司法部长这样说
查看>>
春运第七天 北京西站铁警为“马大哈”旅客找回物品300余件
查看>>
行业标杆出炉 中国电视工业领军品牌、领军人物花落海信
查看>>
中国2019年基本实现全国建制村直接通邮
查看>>
区块链傻瓜书:EOS与以太坊对比
查看>>
如何设计并实现一个线程安全的 Map ?(上篇)
查看>>
JavaScript的工作原理:解析、抽象语法树(AST)+ 提升编译速度5个技巧
查看>>
react-step-by-step之redux详细注释
查看>>