您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

APP端js类方法及属性间相互调用，this的指向问题

风口下的猪2020-05-22【uni-app】

简介

 错题症状

APP端js在类各方法间相互调用，会报this为null

 错题分析

this的核心是明确其指向问题，this的指向对象不是构建函数方法时确定，而是调用时确定。

那么，如果js类库，为了性能采取原型链方式封装属性和方法时。此时在某一方法中调用this，它的指向就是该方法而不是类对象，这样的话，就不能调用类的其他方法。

 错题解决方案

两个思路：

1.把类改为函数（不推荐，对性能不友好）

（1）初始化时，为this定义别名（存放地址）；

（2）在函数内用this定义属性方法；

（3）各属性内部调用其它方式时采取this别名调用。

2.坚持用原型链的方式封装类

（1）将各方法中的this改为class.prototype.fun()就可以实现对类的属性方法进行调用了




很赞哦！ (0)

上一篇：uni-app导航栏和状态栏配置

下一篇：uniapp app端调试

  • 软件开发
  • 素质要求
  • 计算机基础
  • 架构
  • 安全
  • 性能
  • 运维
  • 尾页
  • 数据库
  • 开发终端
  • 语言基础
  • 项目管理
  • 产品设计
  • 系统
  • 工作规范
  • 计算机网络
  • 前端技术栈
  • 数据结构
  • 计算机组成原理
  • 后端技术栈
  • 性能优化
  • 安全设计
  • 常见模块
  • 计算机操作系统
  • 服务器
  • python
  • MySQL
  • thinkphp
  • PHP
  • Java
  • JavaScript
  • Windows
  • Linux
  • 特效
  • indexedDB
  • vue
  • 淘宝联盟
  • Ionic
  • Angular
  • 微信小程序
  • 支付宝小程序
  • uni-app
  • css/sass/less
  • 支付
  • socket
  • 爬虫
  • web性能优化
  • 消息推送
  • CVM
  • sqlite
  • Redis
  • 前端基础
  • 基础
  • element
  • Nginx
  • yii2
    • /ponder/index.php/index/catelist/catelist/cateid/10.html

    相关阅读 (同一栏目)

    << 第 /页

    栏目目录

    软件开发(47)MySQL(25)
    thinkphp(89)PHP(33)
    JavaScript(39)项目管理(3)
    产品设计(5)Linux(15)
    计算机网络(6)计算机组成原理(1)
    微信小程序(7)安全设计(4)
    uni-app(70)淘宝联盟(4)
    支付(7)socket(18)
    计算机操作系统(4)爬虫(5)
    web性能优化(5)消息推送(9)
    CVM(2)Redis(27)
    indexedDB(5)vue(57)
    特效(2)css/sass/less(5)
    基础(1)element(1)
    Nginx(6)yii2(19)

    标签云

    站点信息

    • 文章统计：528篇
    • 移动端访问：扫码进入SQ3R

    申请链接友情链接