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

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

作者: 无名程序猿 | 来源:发表于2018-12-14 16:24 被阅读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、隐藏时传值

    隐藏时传值

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/nlughqtx.html