this 指向以及修改this 指向的方法

【this指向的学习，以及修改this指向的方法】

一、this 指向：谁调用指向谁

1、全局中指向 window

2、普通函数 this 指向最后调用的（函数在声明的时候是没有 this 指向的，只有在调用的时候有this 指向，并且谁最后调用指向谁）

3、构造函数中，this 指向new出来的实例（比如 vue 内的 this 都指向 vue的实例化）

4、箭头函数不会改变 this 指向；我通常在请求完接收数据的时候，会写成箭头函数

二、强制性改变 this 指向：call apply bind

区别：

1、call 和 apply 会直接调用函数，而 bind 不会调用函数，需要函数重新调用

2、参数的区别：

一、this 指向：谁调用指向谁

1、全局中指向 window

2、普通函数 this 指向最后调用的（函数在声明的时候是没有 this 指向的，只有在调用的时候有this 指向，并且谁最后调用指向谁）

    let obj = {name: '张三',fn() {console.log(this)//{name: '张三', fn: ƒ}fn: ƒ fn()name: "张三"[[Prototype]]: Object}}obj.fn()function fn() {console.log(this) // window}let btn = document.getElementById('btn')btn.onclick = function() {console.log(this)//<button id="btn">点击</button>}

3、构造函数中，this 指向new出来的实例（比如 vue 内的 this 都指向 vue的实例化）

    let obj = {name: '张三',fn() {console.log(this) // objwindow.setTimeout(() => {console.log(this) // obj})}}obj.fn()

4、箭头函数不会改变 this 指向；我通常在请求完接收数据的时候，会写成箭头函数

     document.querySelector('button').addEventListener('click',()=>{console.log(this)// window})

二、强制性改变 this 指向：call apply bind

区别：

1、call 和 apply 会直接调用函数，而 bind 不会调用函数，需要函数重新调用

    let obj = {name: '张三',age: 18}function fn() {console.log(this);}fn()fn.call(obj)  //{name:'张三',age:18}fn.apply(obj) //{name:'张三',age:18}fn.bind(obj)()//{name:'张三',age:18}

2、参数的区别：

.call （ this 的指向，参数一，参数二 ......）

.apply（ this 的指向，[ 参数一，参数二 ...... ] ）

.bind （ this 的指向 )（参数一，参数二 ......）

    let obj = {name: '张三',age: 18}function fn(a, b, c) {console.log(this, a, b, c);}fn()fn.call(obj, 1, 2, 3)    //{name:'张三',age:18,a:1,b:2,c:3}fn.apply(obj, [1, 2, 3]) //{name:'张三',age:18,a:1,b:2,c:3}fn.bind(obj)(1, 2, 3)    //{name:'张三',age:18,a:1,b:2,c:3}

在我写代码的时候，通常情况下，我直接写一个 let vm = this

this 指向以及修改this 指向的方法相关推荐

【C 语言】字符串拷贝 ( 函数形参使用推荐方法 | 凡是涉及修改指针指向的操作一律创建新的指针变量执行 | 引入辅助局部指针变量 )
文章目录一.函数形参使用推荐方法二.完整代码示例一.函数形参使用推荐方法在函数中 , 形参中的指针变量 , 不建议直接使用 ; 推荐在函数中 , 定义局部指针变量 , 接收形参中 ...
discuz search.php修改,discuz程序如何将热门搜索修改为指向门户搜索的方法
站长朋友们使用discuz论坛程序建站,细心的站长朋友们发现首页右上角有个热门搜索功能.这个功能的主要作用就是可以让会员们第一时间搜索到本论坛内需要找到的帖子,这样做就给会员朋友们提供了很大的好处,不 ...
单链表-逆置单链表（修改指针指向且三个指针）
题意: 采用带头结点的单链表,设计一个算法将其就地逆置,所谓"就地"是指辅助空间O(1). 这里可以有两种方法做: 1.头插法且双指针 2.改变指针指向且三指针两方法共同点: 头 ...
修改 this 指向
文章目录前言一.new关键字改变this指向二. call() 三.apply() 四 .bind() 五.总结前言修改 this 指向,四种方法一.new关键字改变this指向 //构造 ...
JAVAscript中的this指向和this指向的修改
JAVAscript中的this指向和this指向的修改 this 关键字一般在函数中使用,表示哪个对象执行了当前函数. 每一个函数内部都有一个关键字是 this . 函数内部的 this 只和函数 ...
this指向和改变其指向的方法
this笔记(仅作为个人学习使用) 一.this 的指向在 ES5 中,其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象. 下面这个例子,这里的 a() 是被wind ...
动态链接（指向运行时常量池的方法引用）
动态链接(指向运行时常量池的方法引用)
php添加成功关闭窗口,php后台保存数据并指向一个关闭layer窗口的方法
php后台保存数据并指向一个关闭layer窗口的方法发布时间:2020-08-29 10:13:00 来源:亿速云阅读:87 作者:小新这篇文章主要介绍php后台保存数据并指向一个关闭layer ...
计算机用户文件夹怎么改名称,win10修改用户名文件夹方法_win10怎么改用户文件夹名称-win7之家...
我们都知道,在win10系统中,用户文件夹通常都是放置在系统中,能够方便用户进行查找,可是近日有些用户总觉得自己电脑中的用户文件夹名称很是普遍,因此就想要进行修改,那么win10怎么改用户文件夹名称呢 ...

this 指向以及修改this 指向的方法

一、this 指向：谁调用指向谁

1、全局中指向 window

2、普通函数 this 指向最后调用的（函数在声明的时候是没有 this 指向的，只有在调用的时候有this 指向，并且谁最后调用指向谁）

3、构造函数中，this 指向new出来的实例（比如 vue 内的 this 都指向 vue的实例化）

4、箭头函数不会改变 this 指向；我通常在请求完接收数据的时候，会写成箭头函数

二、强制性改变 this 指向：call apply bind

区别：

1、call 和 apply 会直接调用函数，而 bind 不会调用函数，需要函数重新调用

2、参数的区别：

this 指向以及修改this 指向的方法相关推荐

最新文章

热门文章