简单总结下this用法
2018-06-24 01:48:08来源:未知 阅读 ()
JS里的this很基础,看了下 MDN??MDNthis介绍 总结下:
1、全局上下文
this指的就是 window
2、函数上下文
当this在函数上下文时候,就需要根据运行时去判断具体取值
2.1、简单调用
这里this指向window
2.2严格模式下
在严格模式下,this
将保持他进入执行上下文时的值,所以上面栗子在严格模式中this指向undefined
2.3 改变调用上下文
通过使用 call、apply改变调用上下文
3、bind用法
ES5引入bind用法,可以将函数function赋值给一个变量,生成一个新函数,但是此函数里的this指向由此固定,即使调用call 或者再次 bind都不会改变
4、this在对象的方法里
5、箭头函数中的this
箭头函数中的this,指向声明时候 全局上下文,且不会因为 call apply等调用改变上下文
全局箭头函数:
作为对象方法内部:
6、在构造函数、原型链中
当this出现在 构造函数、原型链中时,this指向会在new 之后指向新声明的对象
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- JS简单去除数组中重复项的方法 2020-03-16
- JS判断浏览器是否安装flash插件的简单方法 2020-03-12
- JavaScript简单下拉菜单特效 2020-02-22
- Js操作DOM元素及获取浏览器高宽的简单方法 2019-12-31
- JS简单随机数生成方法 2019-12-29
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash