首页 > 其他分享 >es6 class类内部的方法自动开启了严格模式

es6 class类内部的方法自动开启了严格模式

时间:2022-08-21 17:24:44浏览次数:88  
标签:es6 name age 开启 模式 严格 class

-

今天看到react类组件内部的方法中this为undefined,原因是class类内部的方法,自动开启了局部严格模式,不是babel的问题

特此实验一下:

// 类内部的方法,自动开启了局部严格模式
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  speak() {
    console.log(this);
    console.log(`我的名字叫${this.name},年龄:${this.age}`);
  }
}
const p1 = new Person('小王', 18);
p1.speak(); // 正常读取到this
const x = p1.speak;
x() // 报错,this为undefined

function demo() {
  // 'use strict' // 局部开启严格模式后 this变成undefined,去掉严格模式后,this变成window
  console.log(this);
}

 

 

 

 

 

-

标签:es6,name,age,开启,模式,严格,class
From: https://www.cnblogs.com/fqh123/p/16610349.html

相关文章

  • ERROR--"Unable to process Jar entry [module-info.class] from Jar"
    UnabletoprocessJarentry[module-info.class]fromJar原因分析无法从Jar包中处理jar条目[module-info.class]场景启动Idea项目时会出现严重的红色错误......
  • Binary Classification
    给定m个样本,根据每个样本拥有的n个特征对它们分类。最基础的分类问题是BinaryClassification,输出结果为Yes或No。Logisticregression相较于线性回归假设因......
  • html元素中class属性值多个空格分格是什么意思?
    https://www.cnblogs.com/XACOOL/p/5645679.html即指定多个class,这是bootstrap常干的事,比如 <divclass="alertalert-info">请问,这两个class之间的关系是什么,二者的......
  • Java SE 10 Application Class-Data Sharing 示例
    JavaSE10ApplicationClass-DataSharing示例作者:Grey原文地址:JavaSE10ApplicationClass-DataSharing示例Class-DataSharingCDS全称Class-DataSharing。......
  • es5 es6 新增
    es5的新特性      对于数组和字符串都进行了加强    map遍历                es6的新特性数组的增强f......
  • 开发那些事儿:EasyCVR接入华为设备,编辑开启音频不生效的问题修复
    EasyCVR平台是我们支持协议最全面的视频平台,它能支持主流协议包括国标GB/T28181、RTMP、RTSP/Onvif协议,以及厂家的私有协议,如海康Ehome、海康SDK、大华SDK等。平台可拓展性......
  • JQuery_DOM通用属性操作和JQuery_DOM class属性操作
    JQuery_DOM通用属性操作1.attr(): 获取/设置元素的属性2.removeAttr():删除属性3.prop():获取/设置元素的属性4.removeProp():删除属性<!DOCTYPEHTMLPUBLIC"-//W3C......
  • DOM的通用属性操作和class属性操作
    通用属性操作attr():获取/设置元素的属性removeAttr():删除属性prop():获取/设置元素的属性removeProp():删除属性attr和prop区别:1、如果操作的是元素的固有属性,则建......
  • @Transactional注解加不加 rollbackFor = Exception.class 的区别
    先上结论:1.@Transactional只能回滚RuntimeException和RuntimeException下面的子类抛出的异常不能回滚Exception异常2.如果需要支持回滚Exception异常请用@Transactio......
  • 开启慢查询
    一、什么是慢查询慢查询,顾名思义,执行很慢的查询。有多慢?超过long_query_time参数设定的时间阈值(默认10s),就被认为是慢的,是需要优化的。慢查询被记录在慢查询日志里。慢查询......