博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js面试必考:this
阅读量:6867 次
发布时间:2019-06-26

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

this是前端面试中必考的基础知识点,也是新手小白在做项目中经常晕头转向的问题。但其实this不难理解。

1156597-20190312191500156-1070732348.png

判断this指向时,记住以下几点:

  1. 判断函数类型,
    1.1 如果是箭头函数,则为第一个包裹箭头函数的普通函数的this指向
    1.2 如果不是箭头函数,但是使用了bind,call,apply等改变this的方法,this被重新绑定为bind/call/apply函数的第一个参数
  2. 如果是普通函数,并且没有绑定this
    2.1 如果是new的方式调用,this被绑定到实例上
    2.2 如果被调用,谁调用便指向谁
    2.3 如果直接执行,this指向window

bind, call,apply的区别

bind, call,apply 都可以改变普通函数的this指向。不同之处在于:

  • 参数不同。call(this,arg1,arg2…),apply(this,[arg1,arg2,…]),bind(this,[arg1,arg2,..])
  • call,apply方法之后调用后,函数立即执行。bind方法调用后,返回了一个改变this后的函数,不会立即执行。
  • 被bind绑定过this的函数,this不会再被改变

bind.call,apply的常见应用

1.判断数据类型

Object.prototype.toString.call(null) //[object Null]

2.获取函数最大值和最小值

Math.max.apply(Math,[1,2,3]) //3

3.伪数组转真数组

Array.prototype.slice.call(arguments)

转载于:https://www.cnblogs.com/yxqd/p/10518885.html

你可能感兴趣的文章
UVA442-栈
查看>>
CSI 400 Operating Systems
查看>>
配置Jmeter的自定义参数
查看>>
【C#】虹软人脸识别ArcFaceDEMO 开发应用全过程
查看>>
Tableau 地图无法识别怎么办
查看>>
软件测试st1
查看>>
Elementary Methods in Number Theory Exercise 1.4.6
查看>>
生成器
查看>>
hdu 1568 Fibonacci 对数。。
查看>>
Android 在安装完成界面,点击打开应用程序。在应用程序点击home键,再从桌面打开程序导致产生多个实例或者说程序被重复打开...
查看>>
ASP.NET MVC HtmlHelper用法集锦
查看>>
快速排序
查看>>
新浪微博注册器 采用httpwebrequest请求
查看>>
NYOJ260数数小木块
查看>>
Android 数据存储
查看>>
CTreeCtl的使用
查看>>
不错的网站链接
查看>>
POJ 1742
查看>>
post方法
查看>>
21、ActionBar & Notification
查看>>