javascript中的class类构造函数

javascript中的class类构造函数

一、函数存在变量提升,但是类不存在变量提升
二、函数受函数作用域限制,但是类受块级作用域限制

<script>
{
    
      function sayHello(){
    
        console.log("hello");
      }
      class say{
    }
    }
   console.log(say);
    sayHello();
</script>

此时打印出say会报错,但是可以执行sayHello()语句,当在一个函数中定义另一个函数的时候,此时在外部进行访问时,就会报错。这是因为函数的作用域是函数作用域。
三、使用变量名.name 来获取类构造函数的名称

<script>
let person = class Person{
    
      sayHello(){
    
        console.log("hello");
      }
    }
    let person_1 = new person();
    person_1.sayHello();
    console.log(person.name);
</script>

此时可以获取类的名称。
四、当使用new来重新定义一个函数的时候,执行以下操作:
①在内存空间中来重新开辟一个地址
②将其中的constructor中的this执行该实例对象
③立即执行该constructor中的内容
五、当定义一个类构造函数,此时constructor函数中返回的是this,此时可以设置instanceof来判断这个实例是否属于该对象

<script>
    class Person{
    
      constructor(){
    
        this.foo = "ssss";
        return {
    
          name:"xxx"
        }
      }
    }
    let person_1 = new Person();
    console.log(person_1 instanceof Person);
</script>

这里使用的是return一个对象,因为这个对象没有设置其指向,instanceof 就是错误的。
八、类和构造函数也是存在区别的:在使用new来声明一个新的实例对象时,如果构造函数不使用new来声明定义,则此时的this指向的是window对象,当类构造函数中的this不使用new来定义,则会出现报错

<script>
 class Person{
    
      constructor
  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值