es6 箭头函数的this指向问题及模态框控制器服务层封装(io

2018-12-14  本文已影响0人  无名程序猿

1、由于箭头函数不绑定this, 它会捕获其所在(即定义的位置)上下文的this值, 作为自己的this值,所以 call() / apply() / bind() 方法对于箭头函数来说只是传入参数,对它的 this 毫无影响。考虑到 this 是词法层面上的,严格模式(use script)中与 this 相关的规则都将被忽略。(可以忽略是否在严格模式下的影响)因为箭头函数可以捕获其所在上下文的this值 

步骤:在服务层封装模态框显示隐藏和回调传值

前提是 在服务层ts中引入 模态框控制器

ts中引入 模态框控制器 注入构造函数 服务层封装

使用回调函数传递隐藏时的参数

2、组件中调用

组件中调用,当前this指向

此处箭头函数 指向change.ts 组件,而非为传递的undefined 

如果是普通回调函数的写法,就需要保留当前调用的this到变量中,方面回调函数中使用该this对象。

普通写法下的this指向

3、隐藏时传值

隐藏时传值
上一篇 下一篇

猜你喜欢

热点阅读