博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
简述this指向
阅读量:6232 次
发布时间:2019-06-22

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

简述this指向

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍 this是Javascript语言的一个关键字。

它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。

随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。复制代码

2.知识剖析 情况一:纯粹的函数调用

这是函数的最通常用法,属于全局性调用,在浏览器中全局对象就是window

function a(){

var user = "Tom";

console.log(this.user); //undefined

console.log(this); //Window

}

a();

情况二:作为对象方法的调用

函数还可以作为某个对象的方法调用,这时this就指这个上级对象。

var name = "user1";

var obj= {

name: "user2",

getName: function () {

console.log(this.name);

}

}

obj.getName();//user2

情况三:函数作为构造函数调用

function test(){

     this.x = 1;

   }

var o = new test();

console.log(o.x);//1

函数作为构造函数调用时this指向用该构造函数构造出来的新对象。

3.常见问题 apply、call的用法

这三个函数是函数对象的一个方法,他们的作用就是为了改变函数执行时候的this指向,具体用法如下:

call:call(obj,[arg1],[arg2]);第一个参数为强制改变需要指向的对象,后边可选的是该函数的参数,如果不传obj的话默认为window。            apply:apply(obj,[arr]);第一个参数为强制改变需要指向的对象,后边可选的是该参数集合的数组形式,如果不传obj的话默认为window。            apply和call的作用和调用形式基本一致,不同的是call后面的参数与方法中是一一对应的,而apply的第二个参数是一个数组,数组中的元素是和方法中一一对应的,这就是两者最大的区别。两者都可以不传参数,此时默认改变指向的对象为全局对象。复制代码

4.解决方案

使用 call 和 apply 函数的时候要注意,如果传递给 this 的值不是一个对象,JavaScript 会尝试使用内部 ToObject 操作将其转换为对象。因此,如果传递的值是一个原始值比如

7 或 'foo',那么就会使用相关构造函数将它转换为对象,所以原始值 7 会被转换为对象,像 new Number(7) 这样,而字符串 'foo' 转化成 new String('foo')复制代码

5.编码实战

6.拓展思考 7.参考文献 参考1:Javascript的this用法

参考2:深入理解JAVASCRIPT系列:各种上下文中的THIS

参考3:MDN this

8.更多讨论 感谢大家观看

今天的分享就到这里啦,欢迎大家点赞、转发、留言、拍砖~

技能树.IT修真院

“我们相信人人都可以成为一个工程师,现在开始,找个师兄,带你入门,掌控自己学习的节奏,学习的路上不再迷茫”。

这里是技能树.IT修真院,成千上万的师兄在这里找到了自己的学习路线,学习透明化,成长可见化,师兄1对1免费指导。

快来与我一起学习吧~http://www.jnshu.com/login/1/21109035

转载于:https://juejin.im/post/5ae6b7ab518825673027ec95

你可能感兴趣的文章
如何定时备份远程mysql数据库
查看>>
【行业翘楚】井田云:化解线上线下冲突让鱼与熊掌皆得
查看>>
System.currentTimeMillis();
查看>>
keil中的存储模式
查看>>
jQuery EasyUI API 中文文档 - Panel面板
查看>>
egrep 查找IP
查看>>
从子集和问题的动态规划解看判断问题与优化问题的区别与联系
查看>>
Effective C++:条款28:避免返回 handles 指向对象内部成员
查看>>
gulp-notify处理报错----gulp系列(二)
查看>>
浅谈OCR之Onenote 2010
查看>>
Android SDK打包
查看>>
yii url美化 urlManager组件
查看>>
数据库(表)的逻辑备份与恢复
查看>>
SQL SERVER 2005允许自定义聚合函数-表中字符串分组连接
查看>>
linux內核輸出soft lockup
查看>>
Android -- Annotation
查看>>
第3章 结构之法——重建二叉树
查看>>
struts2基本介绍
查看>>
celery最佳实践
查看>>
Ubuntu的LTS版本
查看>>