文章目录

  • 前言
    • 简述
    • 语法
    • 属性、方法
      • 1、类的成员包括属性和方法
      • 2、使用new 类名() 创建类的实例或者说对象
      • 注:
    • 继承
      • 如需创建类的继承,那么请使用 extend关键字
      • 注:
    • 总结
  • 你若决心灿烂,山无遮,海无拦

前言

好久不见,这篇谈论一下类的相关知识,话不多说,直接进入正题~


简述

类其实是一个虚拟的你看不见的东西。那么根据它创建的对象则是一个具体的,真实存在的个体

语法

使用 class关键字定义类,始终添加一个名为 constructor() 的方法

class ClassName {constructor() { ... }
}

属性、方法

1、类的成员包括属性和方法

属性使用构造函数来定义
1、构造函数是特殊的函数,它在创建类的实例的时候会默认调用
2、普通函数则通过 Object.method()来调用
3、如果没有定义该构造函数,则会添加一个空的构造函数
4、constructor 关键字定义构造函数
5、构造函数主要是在创建对象时对对象中的属性做一些初始化的工作

创建方法的语法跟对象中的方法一样,你可以创建任意个方法

class Person {constructor(name, age) {this.hobby = '刑法学' //1~this.name = name //2~this.age = age}alias() {return '法外狂徒'} //3~character(word) {console.log(this.alias().concat(this.name, '是', word, "de")); //~5} //4~
}

2、使用new 类名() 创建类的实例或者说对象

const p1 = new Person('张三', 21)
console.log(p1.name + '今年' + p1.age + '岁') //~6
p1.character('非常冷静') //~7

注:

first

  • 定义,当然,如上面所示:
  • 1~不需要具体参数
  • 2~创建具体对象的时候传入具体参数进来
  • 3~这是没有参数的方法
  • 4~这是有参数的方法

second

  • 调用,如上所示:
  • ~5如需在类中调用方法,语法为 this.method()
  • ~6具体对象使用其属性,object.property
  • ~7具体对象调用其方法,object.method()
  • 好奇类中怎么使用属性嘛?这里呢,如~5 语法为 this.property

继承

如需创建类的继承,那么请使用 extend关键字

class Basics {constructor(name, age) {this.name = namethis.age = age}message() {console.log(this.name.concat('今年', this.age, '岁la'));}
}class Detail extends Basics {constructor(name, age, hobby) {super(name, age) //继承父类属性时,在 constructor中必须调用 super()方法引用父类this.hobby = hobby}conclusion() {console.log('要遵纪守法');}
}const S1 = new Detail('张三', 21, '犯罪心理学')S1.message() //1~   张三今年21岁la
console.log('我的名字是' + S1.name) //2~    我的名字是张三console.log('我对'.concat('《', S1.hobby, '》', '情有独钟')); //3~  我对《犯罪心理学》情有独钟
S1.conclusion() //4~    要遵纪守法

注:

  • 1~ 该处使用的是从 Basics类继承下来的方法,由于继承,因此 Detail 类也拥有该 message()方法,那么直接调用它即可
  • 2~ 该处使用的是从 Basics类继承下来的 name属性,直接 S1.name 调用即可
  • 3~ 该处直接使用自己的(Detail类)hobby属性
  • 4~ 该处直接调用自己本身所拥有的 conclusion()方法

总结

以上内容就是对类的相关知识的概述了,大家有问题的话留言评论区ao,感兴趣的话可以点点关注ao~

你若决心灿烂,山无遮,海无拦

Java Script类相关推荐

  1. java script error_java script error 错误解决方法

    用了动易这么久了,有时一不小心改错模版文件或者 修改相关的JS,就会导致页面出现一些奇怪了 的弹出框 说什么 java script error 错误,烦死了. 今天特别研究了下,找到了解决这类问题的 ...

  2. Java Script网页特效实例大全

    Java Script网页特效实例大全 2009年06月27日 JavaScript是一种简洁的.面向对象的.跨平台的描述语言,是一种专门用来开发Internet客户端和服务端的应用程序.使用Java ...

  3. java script的小基础

    javascript是一种弱数据类型的脚本语言,这种语言呢,通常广泛的运用于web前端开发中,web前端开发由三个层面组成,第一层是结构,即是html,(hyper text markup langu ...

  4. 【java工具类-抓取图片】正则抓取内容里面的j图片,正则,图片替换格式处理图片java处理文章内容里面的图片格式化工具类,能够最大限度的自动是被图片IMG标签和java使用正则抓取图片说明

    目录 1.java处理图片格式自动抓取格式案例 java代码运行案例: 自动抓取的结果如下 2.java代码去除HTML的格式进行返回无格式文本代码 可以经过正则过滤掉,里面的HTML格式,删除空格, ...

  5. java script check radio

    java script check radio <script> function check(){ ??? for (var i=0;i<document.form1.elemen ...

  6. java字符存储_用java的类集框架做一个字符存储器(15)

    11.这是java的关于java的类集框架做一个字符存储器的源代码可以直接进行编译运行,希望大家能够从中获益良多. package niming; //导入ArrayList这个类 import ja ...

  7. 干货:排名前 16 的 Java 工具类!

    2019独角兽企业重金招聘Python工程师标准>>> 干货:排名前 16 的 Java 工具类!   在Java中,工具类定义了一组公共方法,这篇文章将介绍Java中使用最频繁及最 ...

  8. 屏蔽“网页上有错误”提示,屏蔽java script 错误的代码

    <script> window.onerror=hide_error_message; function hide_error_message() {return true;} </ ...

  9. 排名前 16 的 Java 工具类

    转载来自微信公众号:Java 技术栈.如有侵权,请联系作者删除!! 在 Java 中,工具类定义了一组公共方法,这篇文章将介绍 Java 中使用最频繁及最通用的 Java 工具类.以下工具类.方法按使 ...

最新文章

  1. 转:构建高性能ASP.NET站点 第五章—性能调优综述(中篇)
  2. 华为内部存储转sd卡_高调谈洗牌 2019年中国存储市场下半场的关键词是“低调”吗?...
  3. 【linux】查看内存使用情况
  4. 设计模式 之 --- GRASP
  5. python ssh登陆模块_使用python的Paramiko模块登陆SSH
  6. 练习-前程无忧数据爬取
  7. 敏捷开发用户故事系列之四:优先级排序
  8. Vue.js 运行机制全局概览浅读
  9. JavaSE学习--集合02
  10. OpenCV-3.4.3图像通道处理
  11. mysql   show global variables
  12. Atitit 知识点 文章 框架 结构 attilax总结.docx
  13. 视觉感知「挑战」天花板,多摄像头环绕方案同比增长近100%
  14. html默认初始代码
  15. K8S(二)安装配置篇
  16. 学习笔记:匿名通信与暗网研究综述
  17. 弹性盒子布局(下面有代码)
  18. 天南地北双飞客,老翅几回寒暑!
  19. 4.4.1 ICMP报文的种类
  20. 微软漏洞被用于金融欺诈、VMware发布漏洞补丁|2月16日全球网络安全热点

热门文章

  1. 三维空间:点到线的距离,点到面上的投影,直线在平面上的投影直线方程(平面束)
  2. Android Studio 打包配置设置V1签名
  3. 给HTML初学者的三十条最佳实践
  4. 7-4 一笔画 (25 分)
  5. 数学知识 泰勒展开式
  6. fastboot 新手刷机傻瓜教程
  7. 一个不错的英语聊天室
  8. Android 测量文字宽高
  9. matlab阻抗测量模块,基于matlab技术实现频谱分析仪测量阻抗
  10. video downloadhelper 无时间限制_Python实现超简单【抖音】无水印视频批量下载