03_JS函数的this指向
2022/3/2 6:15:17
本文主要是介绍03_JS函数的this指向,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
this通常都是在函数中使用
1.函数在调用时,JavaScript会默认给this绑定一个值;
2.this的绑定和定义的位置(编写的位置)没有关系;
3.this的绑定和调用方式以及调用的位置有关系;
4.this是在运行时被绑定的;
this绑定规则
绑定一:默认绑定;
独立函数调用。可以理解成函数没有被绑定到某个对象上进行调用;
绑定二:隐式绑定;
通过某个对象进行调用的。
绑定三:显示绑定;
call apply
第一个参数是相同的,会将this绑定到这个传入的对象上,后面的参数,apply为数组,call为参数列表。
bind 显示的绑定到一个对象上
绑定四:new绑定;
1.创建一个全新的对象;
2.这个新对象会被执行prototype连接;
3.这个新对象会绑定到函数调用的this上(this的绑定在这个步骤完成);
4.如果函数没有返回其他对象,表达式会返回这个新对象;
规则优先级
1.默认规则的优先级最低
2.显示绑定优先级高于隐式绑定
3.new绑定优先级高于隐式绑定
4.new绑定优先级高于bind
new绑定和call、apply是不允许同时使用的,所以不存在谁的优先级更高
new绑定可以和bind一起使用,new绑定优先级更高
this规则之外 忽略显示绑定 | 间接函数引用
this规则之外 – ES6箭头函数
箭头函数并不绑定this对象,那么this引用就会从上层作用于中找到对应的this
面试题
这篇关于03_JS函数的this指向的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-27Vue2面试真题详解与实战教程
- 2024-12-27Vue3面试真题详解与实战攻略
- 2024-12-27JS大厂面试真题解析与实战指南
- 2024-12-27JS 大厂面试真题详解与实战指南
- 2024-12-27React 大厂面试真题详解及应对策略
- 2024-12-27Vue2 大厂面试真题详解及实战演练
- 2024-12-27Vue3 大厂面试真题详解及实战指南
- 2024-12-27Vue3大厂面试真题详解与实战攻略
- 2024-12-26React入门教程:从零开始搭建你的第一个React应用
- 2024-12-25Vue2入门教程:轻松掌握前端开发基础