Javascript------Class类的理解

SuperClass-开源 SuperClass是JavaScript预处理器/解释器对象,旨在促进JavaScript中基于类的OOP。 注意:项目已关闭。 替换为:http://sourceforge.net/projects/jsclass 立即下载


类是一种抽象的概念。

eg:人类属于哺乳类,即人类拥有哺乳类的相关特征。有着向下继承的关系。

基类(BaseClass)

越往高的类别,我们把这种类别叫做基类。

父类

可以理解为:人类的父类为灵长类。即人类以上的所有类别都可以叫做父类。(没有祖父类,曾祖父类)

子类

向下拓展的所有类别都为子类。

超类(SuperClass)

为了将真正的父类将其他的"父类"进行区分,于是有了超类。

即某类别上一级的类为超类。

即子类的上一级的类(父类)为超类。

子类继承有所有超类的方法和属性。

ES5之前是没有Class的。

举个例子
      class Person {
        手 = 2;
        脚 = 2;
        耳朵 = 2;
        眼睛 = 2;
        鼻子 = 1;
        嘴巴 = 1;
        眼睛 = 1;
        名字;
        constructor(name) {
          this.名字 = name;
        }
        walk() {
          console.log(this.名字 + "走");
        }
        fire() {
          console.log(this.名字 + "生火");
        }
        run() {
          console.log(this.名字 + "跑");
        }
      }
      var Adam = new Person("亚当");
      var Eve = new Person("夏娃");
      console.log(Adam, Eve);
   console.log(Adam, Adam.constructor === Person);
      // 对象的构造函数Adam.constructor,类名和构造函数名称一样。
      // 因为这个类需要实例化为对象时,必须先执行构造函数。
      // 有些语言的构造函数可以有多个。
      // 原生JS中,构造函数只能有一个,并且所有类的构造函数写为constructor。
      // 但是这个构造函数就是当前类名。
类中的this又是谁呢?

tructor。
// 但是这个构造函数就是当前类名。




##### 类中的this又是谁呢?

**谁调用这个方法,在类的函数中,this就是那个实例对象**
jsclass:有趣的超级方法工厂 jsclass 支持super简单类工厂。 这种方法使用arguments.callee.caller来获取调用方方法,然后获取函数的名称,这就是为什么它不能在strict mode起作用的原因; 局限性 在strict mode不起作用 原型中的所有功能都应命名为功能 例子 var TestClass = Class ( 'TestClass' , { say : function say ( ) { console . log ( 'Test Class says' ) ; this . _super ( 'Test Class is calling' ) ; } } ) ; var SuperClass = Class ( 'SuperClass' , { say : function say ( string ) { console . log 立即下载

相关推荐

PHP+txt文件存储简易留言板

留言板共三个文件: index.php---展示留言内容和收集表单 write.php---向txt文件写入数据 message.txt---存储留言数据 index.php用于展示留言内容、通过表单把用户输入的数据POST给write.php,write.php把内容写入message.txt。 index.php代码: <?php //设置时区 date_defau...

仿站、源码搭建/迁移技术博客 1031

js超类子类

先引一段原文,可略过.. Java代码  .....Object is the superclass of all the built-in classes, and all classes inherit a few basic methods from Object.  Recall that objects inherit properties from the prototype obje...

qq_35458527的博客 1135

【excel+vba】一表拆多表+不同收件人附带不同附件

快捷处理:拆分多个不同表 给不同人发送不同内容且附带附件

weixin_42779327的博客 2968

JavaScript面向对象,class关键字,继承,super关键字

面向对象概述 面向过程 面向过程: 面向过程:面向过程就是分析出解决问题需要的步骤,然后用函数把这些步骤一个个实现,使用的时候依次调用。面向过程的核心是过程。

TangJing_的博客 1093

042、双管反激的电压应力优势

【摘要】本文通过300W工业电源炸管案例,对比分析了单管与双管反激拓扑的电压应力差异。单管反激因漏感能量难以处理,尖峰电压可达1180V,需依赖RCD吸收电路但效率低下;双管反激通过钳位二极管将漏极电压限制在输入电压水平(实测650V),能量回馈使效率提升2-3%。虽增加两个MOS管,但可选用600V器件(单管需1200V),总成本反降15%以上。作者建议150W以上或高压输入场景优先采用双管反激,其确定的电压应力可显著提升可靠性,避免单管反激的参数玄学问题。关键设计要点包括快恢复二极管选型、紧凑布局及漏感

Jack010169的博客 83

DeepSeek+Dify之一安装部署

DeepSeek添加知识库

yilvyangguang520的博客 1544

TS内容介绍

ts介绍 ts全称为typeScript 是type+Script为JavaScript的超类typeScript定义变量时要声明变量的类型 以及赋给变量正确的数据类型的值

qq_44127479的博客 743

2024年数字IC秋招-格科微-数字电路设计工程师-笔试题

笔试题型:简答题(9个)笔试平台:牛客(电脑监控)笔试时间:2h。

qq_42135020的博客 1605

javascript的superclass继承

function A(a){ this.x = a;}function B(a,b){ alert(a); this.superclass(a); this.y = b;}B.prototyp...

congsong2560的博客 874

某智能物流无人值守系统 ExportReport SQL注入漏洞复现

某智能物流无人值守系统 ExportReport存在SQL注入漏洞,未经身份验证的远程攻击者除了可以利用 SQL 注入漏洞获取数据库中的信息(例如,管理员后台密码、站点的用户个人信息)之外,甚至在高权限的情况可向服务器中写入木马,进一步获取服务器系统权限。

0xSec 818

JAVA:Spring Boot3 集成 ShardingSphere 实现数据分库分表

本文介绍了基于Spring Boot和ShardingSphere-JDBC实现分库分表与读写分离的解决方案。针对高并发、大数据量场景下单库单表的性能瓶颈,通过配置ShardingSphere-JDBC实现:1)订单表按user_id和order_id分片到两个库和两张表;2)读写分离,写操作路由至主库,读操作在从库间负载均衡。方案使用Druid连接池优化,支持业务透明,无需修改SQL。

木头 660

js实现多重继承

原理: 将父类的实例,赋值给子类的原型和原型上一个属性superClass,将子类的实例赋值给孙类的原型和原型上一个属性superClass。 孙类实例继承了孙类,子类和父类原型上所有的属性和方法,并可以通过superClass向上访问原型链,同理,子类实例继承了子类和父类原型上的属性和方法,并可以通过superClass访问子类原型,是不是有点绕,没关系,下面给出了具体代码: &amp;lt;!DOC...

花神的博客 2218

互联网人提高效率必备软件合集

很多的时候我们解决不了问题,只是因为没有找到对的工具,实际上,很多好的工具就在那里,只是你不用而已。这点上,信息壁垒是一个很大的原因,因此我希望兄伙伴们多出去走走,不要只是局限在一个圈层;

zhonglunshun的专栏 3484

js 深入理解类-class

ES 6 终于有了class 关键字了,继承可以节省了很多冗长的代码。那么有了类 这个语法糖,以前学习的原型、对象、构造函数的知识是不是都没用了。恰恰相反,ES 6的类 其实都是在使用 原型、构造函数的概念。所以学习本章的内容最好学习前面几章的知识。

weiweiliude2的专栏 5022

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

JS 中 class 类的理解

注意:在构造函数中,将方法定义在了函数的原型链上,如果将方法定义在函数内部,在new 时,会一直调用这个方法,会比价占用内存,而放在原型链上,在new出来的实例对象中去点方法,会运用原型链的原理,本身没有的,向上寻找。在ES6中引入了类的这个概念,其语法以及功能在ES5中都可以做到,可以理解为语法糖的形式,只是更适合面向对象的概念。

jaisojio的博客 164

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

js中class类用法与理解

js中class类用法及理解

HeavenPeakMan的博客 337

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

对JS中的class类及原型和原型链的理解

关于class类 概念: class是es6的新特性之一,通过class关键字来定义一个类,可以理解class为一个模板,它的本质就是一个函数,可以通过constructor构造方法来构造一些属性,定义方法时,不需要加function,方法之间也不需要逗号隔开,然后可以通过new关键字来实例化这个类 例如:现在定义一个学生的类,定义了两个属性和一个方法,其中this指向将要实例化的对象:(class类名首字母需要大写) class Student { constructor(name,age){

weixin_45232840的博客 2180

29、es6 中的class类的深入理解_JavaScript中的类、原型、原型链、继承

前言JavaScript在ES6之前严格意义上是没有像JAVA,C#这种语言中类的概念的。ES6添加了class,但其实这个class也只是ES6以前的构造函数和原型的语法糖而已。要想真正了解JavaScript中最复杂的部分,就得从最初的构造函数和原型讲起。类在ES6以前,我们是这样实例化一个对象的: 首先声明一个构造函数,一般用首字母大写来区分构造函数和普通函数.function Anima...

weixin_39888080的博客 275

<JavaScript>对类class的理解,类的继承等(代码实现,清晰易懂)

全面了解类的使用,类的继承,能够知道类与普通构造函数的区别与联系

m0_48465196的博客 1166

JS之理解ES6声明类class原理

ES6 class原理 1.通过构造函数声明类 function People(name,age){ this.name = name; this.age = age; } People.prototype.say=function(){ console.log("hello)} People.see=funct...

weixin_33778778的博客 212

ES6--类(class)

ES6--类(class)

m0_63774574的博客 315

js的object和java的class_夯实Java基础系列9:深入理解Class类和Object类

目录- Object类本系列文章将整理到我在GitHub上的《Java面试指南》仓库,更多精彩内容请到我的仓库里查看喜欢的话麻烦点下Star哈文章首发于我的个人博客:www.how2playlife.com本文是微信公众号【Java技术江湖】的《夯实Java基础系列博文》其中一篇,本文部分内容来源于网络,为了把本文主题讲得清晰透彻,也整合了很多我认为不错的技术博客内容,引用其中了一些比较好的博客文...

weixin_39721924的博客 229

Javascript定义类(class)的方法

原地址:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html JS创建对象 ...

chuangaixian5735的博客 196

对Js中class类的理解(构造函数模式+原型模式)

类 Class 类的概念应该是面向对象语言的一个特色,但是JavaScript并不像Java,C++等高级语言那样拥有正式的类,而是多数通过构造器以及原型方式来仿造实现。在讨论构造器和原型方法前,我可以看看一种叫做“工厂模式”的仿造方法。 function start() { alert("Bang!!"); } function createCar(color, title) { va...

qq_41633396的博客 797

《深入理解ES6》笔记—— JavaScript中的类class(9)

ES5中的近类结构 ES5以及之前的版本,没有类的概念,但是聪明的JavaScript开发者,为了实现面向对象,创建了特殊的近类结构。 ES5中创建类的方法:新建一个构造函数,定义一个方法并且赋值给构造函数的原型。 'use strict'; //新建构造函数,默认大写字母开头 function Person(name) { this.name = name; } //定义一个方

过客2019 845
上一篇: Vite2.0+ElementPlus打包报错Cannot find name ‘global‘.
下一篇: pnpm无法加载文件
Boriska1996
博客等级 码龄7年 22粉丝 77原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值