首页 > 编程语言 >javaScript 高级语法 - class创建对象,继承 extends,super,类中this指向问题

javaScript 高级语法 - class创建对象,继承 extends,super,类中this指向问题

时间:2023-02-08 11:22:25浏览次数:47  
标签:指向 子类 javaScript 创建对象 构造 方法 extends super 类中

1.class 创建对象

class Human { //类
  constructor(id,name) { //构造器
    this.id=id; //成员变量
    this.name=name;
  }
  info(){ //方法
    console.log("info:"+this.id+this.name);
  }
}
//静态变量
Human.age=20;
//创建对象
var human=new Human(1,"levi");

类中有:

构造器(只能有一个构造器 不能通过形参区分 因为没有重载机制 )

方法 (方法不能同名 因为没有重载机制)

成员变量 (只能通过对象访问)

静态变量 (只能通过类访问)

 

2.继承 extends

子类如果有构造器 构造器中的第一行代码必须要调用父类构造器super(),子类没有构造器可以不写

子类与父类,成员变量与方法重名时 遵循就近原则 调用的是子类自己的方法与属性 不存在方法的重写

继承关系中 子类是可以访问到父类的所有方法与属性的

 

3.super

super 关键字的使用与java相同(如果你学过java)

访问父类中的构造器,方法,属性

 

4.类中this的指向问题

类中的构造器中的this指向当前类

方法中的this指向的是谁调用当前方法,当前方法的this就是指向谁

标签:指向,子类,javaScript,创建对象,构造,方法,extends,super,类中
From: https://www.cnblogs.com/ErenYeager/p/17101089.html

相关文章

  • JavaScript 实战开发经验!函数多参数传参技巧
    Tips:必选参数指的是必须要传入实参的参数;可选参数在函数中有默认值,如有传入实参,则取实参的值,如果没有传入实参,则使用默认值。函数的众多参数问题当一个函数既有必选参数,......
  • JavaScript 高阶函数
    一、高阶函数JavaScript中的高阶函数是一种接受函数作为输入或返回函数作为输出的函数。它们提供了灵活的方式来处理函数,并允许把函数作为参数或返回值传递。它们是函数......
  • JavaScript 判断字符串是否包含某个字符串
    String对象1、indexOf() 【返回某个指定的字符串值在字符串中首次出现的位置。 如果要检索的字符串值没有出现,则该方法返回-1。】eg:varstr="我爱中国";console......
  • JavaScript 的async、await功能
    asyncfunctionasyncfunction说明和C#中的使用类似。不过Task在Javascript中使用的是Promise对象。asyncfunction的返回值asyncfunctiontestAsyncFunction(){......
  • javascript:DOM/BOM练习
    javascript:DOM/BOM练习    一、BOM/DOM练习内容1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title>菜鸟教程(runoob.com)</t......
  • JavaScript五花八门的跳转方式
    我们最常见的跳转方式是location.href="http://www.baidu.com",这种是最常见的,但是常常使用location.replace,location.assign,,window.open,history.replaceState,location.......
  • 【JavaScript】5_常见的运算符(三种逻辑运算符+关系运算符)
    5、逻辑运算符1!逻辑非!可以用来对一个值进行非运算它可以对一个布尔值进行取反操作true-->falsefalse-->true如果对一个非布尔值进行取反,它会先将其转换为布尔值......
  • JavaScript的知识点整理
    最近写了一个员工管理作业,暴露了一些问题就是。JS的查找标签的时候,要确定返回的是DOM对象还是数组,document对象可以是任意dom对象,将查询范围限制在当前dom对象,1、直接查......
  • JavaScript 解决 query string 乱码问题?
    在JavaScript中获取URL中的querystring时,如果字符串中含有中文字符或特殊字符,可能会遇到乱码问题。为解决这一问题,可以使用decodeURIComponent()函数对整个query......
  • javaScript BOM - 窗口事件,创建定时器与清除定时器
    1.窗口事件事件描述load等页面内容全部加载完毕,包含页面dom元素,图片,flash,css执行DOMContentLoadedDOM加载完毕,不包含图片,flash,css等就可以执行,加载速度比load......