js面向对象编程

【Javascript】深入理解Javascript中的面向对象编程 【Javascript】深入理解Javascript中的面向对象编程, 理解如何在javascript实现面向对象的封装、继承和多态的使用 阅读详情

      java面向对象语言具有封装,继承,多态特性,而js也是一门面向对象的语言,可以模仿这个形式,然后使用面向对象思维进行编程。封装和继承的本质就是控制权限的使用。

封装对应着private权限,继承对应着protec和publict权限。

      在js中类的定义是函数:

  (1)  function people(){};

   (2)var people=function(){};

   (3)var people=new Function(){}

   对js权限的理解:带this指针是public,通过prototype原型定义的是protect,没有带的是private。

   var people=function(){

        var  name="";//private

//对name属性进行封装

      this.setName=function(_name){

    name=_name;

     }

    this.getName=function(){

return name;

}

}

  people.prototype.say=function(){

alert("我的名字是:" +this.getName());

}

类的实例化:

var p=new people();

类的继承:

function man(){

people.call(this);//继承public

this.sex="男";

}

man.prototype=Object.create(people.prototype);//继承protect

man.prototype.sayMysex=function(){

alert(this.sex);

}

注意必须先继承再添加方法,否则添加的方法无效。

这种方法实现继承,只能实现单继承。如果继承多个以最后一个为准。

实现多个类可以使用反射的机制。给Function(类)增加一个继承机制,然后进行调用。

Function.prototype.hire=function(agr){
for(var i=0;i<arguments.length;i++){
for(var o in arguments[i].prototype){
this.prototype[o]=arguments[i].prototype[o];
}
}
};

调用 var child=function(){

people.call(this);

main.call(this);

}

child.hire(people,man);

当然你可以通过反射进行类似于接口的实现,不过不建议这样做。

多态的话就是向数组里添加一组具有相同父类对象,然后遍历数组,对每个对象调用该父类的同一个方法。


JS中的面向对象编程 这里是修真院前端小课堂,每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能,本篇分享的是: 【 JS中的面向对象编程】 1.背景介绍 什么是面向对象编程? “面向对象编程”(Object OrientedProgramming,缩写为OOP)是目前主流的编程范式。它的核心思想是将真实世界中各... 阅读详情

相关推荐

横向滚动,纵向滚动 Solider

javascript 横向滚动, 纵向滚动

Jquery-solider 幻灯片效果

下载地址:http://pan.baidu.com/s/1dD4hmW5

NFA_YY的博客 350

Qi标准无线充学习笔记

负载调制主要通过接收端向后散射调制计数使得功率信号改变,两者通过线圈的电压和电流的变化量来传输信号。下面是要求稳定电流的变化量不得超出8ma,判断稳定的时间至少要在150us稳定电压的变化量不得超出110mv,判断稳定的时间至少要在150us高低电流变化量至少需要15mA,判断稳定的时间至少要在100us,主线圈电流采样的时间是在半桥转换的1/4周期刻测量的高低电压变化量至少需要200mV,判断稳定的时间至少要在100us。

m0_73991989的博客 1010

JS(四)--JavaScript 面向对象编程

JavaScript 面向对象编程一、JavaScript 面向对象编程1.1.、什么是面向对象编程1.2、面向过程和面向对象的对比1.3、JavaScript 中的对象?1.3.1、属性和方法是什么?二、面向对象编程案例三、JS面向对象的特征3.1、**封装性**3.2、**继承性** 一、JavaScript 面向对象编程 1.1.、什么是面向对象编程 面向对象是一种解决问题的思路,一种编程思...

-_^汪洸*的博客 711

HP iLO4报错自救指南:Embedded Flash/SD-CARD故障的3种修复方案(附详细截图)

本文详细解析了HP iLO4出现'Embedded Flash/SD-CARD'故障时的3种修复方案,包括快速恢复、固件级修复和硬件级解决方案。通过Diagnostics诊断和Self-Test报告,帮助运维人员高效解决问题,并提供预防性维护建议,确保服务器远程管理功能的稳定性。

weixin_42522953的博客 508

GPU运维面试题

【代码】GPU运维面试题。

u011220233的博客 695

[JavaScript] 面向对象编程

通过类与对象的概念,可以更好地模拟现实世界的实体,提升代码的可重用性、可维护性和扩展性。JavaScript 的面向对象编程非常灵活,类的引入让代码更加清晰和直观。多态是指不同的类在调用相同方法时,可以表现出不同的行为。静态方法是直接定义在类上的方法,而不是在实例上的方法。在 JavaScript 早期,使用函数和原型链实现面向对象的思想,语法复杂且容易出错。继承允许我们定义一个类,继承另一个类的属性和方法,从而实现代码复用。是用来定义对象蓝图的关键字,其中包含对象的属性和方法。调用父类的构造函数。

kevin_blog 2456

uni-app开发-第3篇:uni-app 页面与路由

本文详细介绍了 uni-app 中的页面开发与路由管理。首先,页面是应用的基础单元,创建页面时需在pages目录下新建文件夹和.vue文件,页面结构由<template>、<script>和<style>三部分组成。uni-app 页面生命周期函数包括onShow、onReady、onHide和onUnload,分别用于处理页面显示、渲染完成、隐藏和卸载时的逻辑。其次,路由管理通过pages.json文件配置页面路径和样式,并提供uni.navigateTo等方法进行路由

无 415

如何构建健壮的JavaScript代码:JS Raccoon的面向对象编程教程

在JavaScript开发中,面向对象编程(OOP)是构建健壮、可维护代码的核心技术之一。JS Raccoon项目提供了丰富的面向对象编程指南,帮助开发者理解从基础概念到实战应用的完整流程。本文将通过JS Raccoon的教程,带你掌握JavaScript面向对象编程的精髓,创建更加模块化和可扩展的代码结构。 ## 理解JavaScript中的数据类型:基础中的基础 🧱 JavaScript

gitblog_00558的博客 647

CorelDraw插件开发-Cdr插件-CPG插件-GMS插件-安装位置

文章目录1.gms格式插件2.cpg格式插件3.作者答疑   CorelDraw软件是一款使用非常广泛的矢量图形软件,系统本身提供了非常便利的二次开发环境,制作插件的格式有两种,一种是gms格式的脚本插件,另外一种是cpg格式dll插件。 1.gms格式插件   gms格式插件是使用微软的 VBA 技术,编写和调试都比较方便,从9的版本开始支持。   安装:把gms文件复制到程序所安装的目录 gms 下,一般在C:\Program Files\Corel\CorelDRAW Graphics Suite 1

插件开发 2748

把 ABAP 接到外部世界的几条路, 从 Web Service 到 RFC、BAPI 与 IDoc 的完整理解

摘要: ABAP 的连接能力是其长期成为企业核心的关键,不仅支持通用协议(HTTP、SOAP、XML),还保留了 SAP 特有的技术(RFC、BAPI、IDoc)。Web Service 是跨系统通信的主轴,依赖 SOAP/WSDL 实现契约化协作,而 Enterprise Service 更强调业务语义的复用与治理。经典技术如 RFC 和 BAPI 因高效稳定仍广泛使用,尤其适合紧耦合场景。ABAP 通过分层工具箱(如代理生成、服务注册)实现灵活集成,平衡新旧技术,满足多样化的企业连接需求。 (字数:15

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 138

JS(JavaScript)中的面向对象编程——详细总结(附源码)

文章目录一,什么是面向对象二,JS面向对象的几种特征以及类和对象1,面向对象的几种特征2,面向对象中的类和对象三,JS中默认存在的类(常见的)1,Number类2,String类3,Boolean构造器(JS中构造器也叫类)4,Object构造器(存在语法糖)5,Data类6,Math类(不需要new)7,Array类四,JS中的对象1,证明:JS中的一切数据都是对象2,对象是属性的无序集合3,对象属性的增删改查(1)对象属性的遍历(for in)(2)对象属性的增删改4,对象中属性的四大特征(1)conf

qq_44830054的博客 1349

petalinux2022.2启动文件编译配置

petalinux2021之前的版本里,导入目录components/yocto/下的“environment-setup-aarch64-xilinx-linux” 和 “layers/core/oe-init-build-env”的环境,能使用Yocto的devtool工具。(加入下面内容,先petalinux-build下载完成后才能有源码)制作 BOOT.BIN 启动文件:petalinux-package --boot --fsbl --fpga --u-boot --force。

wangjie36的博客 1386

JS面向对象编程

面向对象编程思想 面向对象编程是一种编程思想,这种思想有几个主要的特性,分别体现在以下四方面: 抽象:提取现实世界中某事物的关键特性,为该事物构建模型的过程。对同一事物在不同的需求下,需要提取的特性可能不一样。得到的抽象模型中一般包含:属性(数据)和操作(行为)。这个抽象模型我们称之为类。对类进行实例化得到对象。 封装:封装可以使类具有独立性和隔离性;保证类的高内聚。只暴露给类外部或者子类必须的...

阳光下的冷静的博客 2171

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

NTscan扫描工具

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

什么是前端开发JavaScript面向对象编程

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...

x1037490413的博客 581

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

【JavaScript】JS高级-面向对象编程

《课前补充》 面向对象编程:Object Oriented Programming 一、单例设计模式 (Singleton Pattern) 1、单例模式(就是普通对象) 表现形式: 在单例模式中,person1不仅仅是对象名,它被称为“命名空间[NameSpace]”(给堆内存空间起个名字),把描述事务的属性存放到命名空间,多个命名空间是独立分开的,互不冲突。 var person1 = { name:"", xxx:xxx } 作用: 把描述同一件事务的属性和特征进行“分组、归类”(存储在同一堆

zhangankang的博客 315

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

JavaScript面向对象编程

继承是指一个对象(或类)可以获取另一个对象(或类)的属性和方法。子类(派生类)继承父类(基类)的特性,并可以扩展或修改这些特性。继承的目的是代码复用和建立对象之间的层次关系。

kelong的博客 1466

JS的面向对象编程

这里是修真院前端小课堂,每篇分享文从背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。 本篇分享的是:【JS的面向对象编程 】 大家好,我是IT修真院一枚正直纯洁善良的web前端程序员 今天给大家分享一下官网js任务4深度思考中的知识点——JS的面向对象编程? 1.背景介绍 什么是面向对象编程? “面向对象编程...

IT修真院:初学者转行到互联网的聚集地 311

JavaScript强化教程-JS面向对象编程

本文为H5EDU机构官方HTML5培训教程,主要介绍:JavaScript强化教程——JS面向对象编程 对事物的抽象描述 描述这类事物的特征和行为 对象是类的实例代码实现:创建一个类 function peple(){ this.hp=0; this.act = 30; this.name = ""; thi...

avr35764的博客 128

OLED与PS5 Pro如何释放赛博朋克2077的真实光影

OLED显示技术凭借自发光像素实现了像素级独立控光,使得黑色更纯粹、高光更明亮,成为呈现HDR内容的关键。与依赖背光分区的LCD不同,OLED通过像素自身发光获得接近无限的对比度,能在保持暗部细节的同时让局部高光爆发,这正是赛博朋克2077夜之城霓虹灯光与潮湿街道光影交错的基础。配合PS5 Pro的PSSR图像重建技术与高帧率输出,OLED的低响应时间确保画面无拖影,VRR与HDMI 2.1则进一步保障流畅体验。从电视端的HGIG色调映射到游戏内的纸白亮度设置,合理的HDR调校能显著提升画面观感。从OLED

weixin_33831673的博客 421

Javascript进阶[面向对象编程]

构造函数是创建对象的函数。函数给这个新对象定义属性和行为。可将它们视为创建的新对象的蓝图。这个构造函数定义了一个 Bird 对象,其属性 name、color 和 numLegs 的值分别被设置为 Albert、blue 和 2。构造函数函数名的首字母大写,这是为了方便我们区分构造函数( constructors)和其他非构造函数。构造函数使用 this 关键字来给它将创建的这个对象设置新的属性。在构造函数里面,this 指向的就是它新创建的这个对象。构造函数定义了属性和行为就可创建对象。

20岁爱吃必胜客 823

JavaScript高级:js中面向对象编程

JavaScript高级:js中面向对象编程:1 引言;2 封装性;3 原型;4 数组扩展案例--> 求和 和 最大值;5 原型对象中的constructor属性;6 对象原型;7 对象原型中的constructor属性;8 上述总结;9 原型继承;10 原型链

xiaoxie_life_study 1357

JavaScript面向对象编程详解

面向对象编程(Object-oriented programming,简称 OOP)是一种基于对象和类的编程范式,它将数据和操作数据的函数封装在一起,形成一个独立的对象,并允许对象之间通过继承、接口等方式相互联系和交互。在 JavaScript 中,每个对象都有一个原型对象,它定义了该对象的基本属性和方法,而对象之间的继承关系通过原型链来实现。在子类 Child 中,我们定义了自己的属性 age 和方法 sayAge(),并且可以调用父类 Parent 的方法 sayHello()。

m0_75198698的博客 1748
上一篇: 排序算法
下一篇: servlet学习成果分享
kingSolider
博客等级 码龄10年 0粉丝 37原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值