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

本文共 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

你可能感兴趣的文章
.NET Core微服务之基于Polly+AspectCore实现熔断与降级机制
查看>>
vue组件开发练习--焦点图切换
查看>>
浅谈OSI七层模型
查看>>
Webpack 2 中一些常见的优化措施
查看>>
移动端响应式
查看>>
python实现牛顿法求解求解最小值(包括拟牛顿法)【最优化课程笔记】
查看>>
js中var、let、const的区别
查看>>
腾讯云加入LoRa联盟成为发起成员,加速推动物联网到智联网的进化
查看>>
从Python2到Python3:超百万行代码迁移实践
查看>>
Windows Server已可安装Docker,Azure开始支持Mesosphere
查看>>
简洁优雅地实现夜间模式
查看>>
react学习总结
查看>>
微软正式发布PowerShell Core 6.0
查看>>
Amazon发布新的会话管理器
查看>>
InfoQ趋势报告:DevOps 和云计算
查看>>
舍弃Python,为什么知乎选用Go重构推荐系统?
查看>>
在soapui上踩过的坑
查看>>
MySQL的字符集和字符编码笔记
查看>>
ntpd同步时间
查看>>
must implement java.io.Serializable hessian
查看>>