当前位置： 首页 > news >正文

JavaScript进阶——04-创建对象和继承

news 2026/5/19 20:53:42

创建对象的几种方式

通过Object

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>01_Object构造函数模式</title></head><body><!--方式一: Object构造函数模式* 套路: 先创建空Object对象, 再动态添加属性/方法* 适用场景: 起始时不确定对象内部数据* 问题: 语句太多--><script type="text/javascript">/*一个人: name:"Tom", age: 12*/// 先创建空Object对象var p = new Object()p = {} //此时内部数据是不确定的// 再动态添加属性/方法p.name = 'Tom'p.age = 12p.setName = function (name) {this.name = name}​//测试console.log(p.name, p.age)p.setName('Bob')console.log(p.name, p.age)​​</script></body></html>​

方式二：对象字面量

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>02_对象字面量</title></head><body><!--方式二: 对象字面量模式* 套路: 使用{}创建对象, 同时指定属性/方法* 适用场景: 起始时对象内部数据是确定的* 问题: 如果创建多个对象, 有重复代码--><script type="text/javascript">var p = {name: 'Tom',age: 12,setName: function (name) {this.name = name}}​//测试console.log(p.name, p.age)p.setName('JACK')console.log(p.name, p.age)​var p2 = {  //如果创建多个对象代码很重复name: 'Bob',age: 13,setName: function (name) {this.name = name}}​</script></body></html>

方式三：工厂模式

  • 方式：通过工厂函数动态创建对象并返回。

返回一个对象的函数，就是工厂函数。

  • 适用场景: 需要创建多个对象。

  • 问题: 对象没有一个具体的类型，都是Object类型。

由于这个问题的存在，工厂模式用得不多。

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>03_工厂模式</title></head><body><!--方式三: 工厂模式* 套路: 通过工厂函数动态创建对象并返回* 适用场景: 需要创建多个对象* 问题: 对象没有一个具体的类型, 都是Object类型--><script type="text/javascript">function createPerson(name, age) { //返回一个对象的函数===>工厂函数var obj = {name: name,age: age,setName: function (name) {this.name = name}}​return obj}​// 创建2个人var p1 = createPerson('Tom', 12)var p2 = createPerson('Bob', 13)​// p1/p2是Object类型​function createStudent(name, price) {var obj = {name: name,price: price}return obj}​var s = createStudent('张三', 12000)// s也是Object​​</script></body></html>​

方式四：自定义构造函数

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>04_自定义构造函数模式</title></head>​<body><!--方式四: 自定义构造函数模式* 套路: 自定义构造函数, 通过new创建对象* 适用场景: 需要创建多个类型确定的对象* 问题: 每个对象都有相同的数据, 浪费内存--><script type="text/javascript">//定义类型function Person(name, age) {this.name = namethis.age = agethis.setName = function (name) {this.name = name}}​var p1 = new Person('Tom', 12)p1.setName('Jack')console.log(p1.name, p1.age)console.log(p1 instanceof Person)​function Student(name, price) {this.name = namethis.price = price}​var s = new Student('Bob', 13000)console.log(s instanceof Student)​var p2 = new Person('JACK', 23)console.log(p1, p2)​​</script></body></html>​

方式四引入了继承。

继承的几种方式

通过构造函数继承

在子类型构造函数中通用call()调用父类型构造函数

原型链继承

子类型的原型为父类型的一个实例对象

组合继承

希望各位可以点个赞点个关注，这对up真的很重要，谢谢大家啦！

相关文章：

JavaScript进阶——04-创建对象和继承

创建对象的几种方式 通过Object <!DOCTYPE html><html lang"en"><head><meta charset"UTF-8"><title>01_Object构造函数模式</title></head><body><!--方式一: Object构造函数模式* 套路: 先创建空Ob…...

编程日记 2024/5/13 7:27:19

队列(详解)

一.队列的概念 队列&#xff08;Queue&#xff09;是一种常见的数据结构&#xff0c;它按照先进先出的原则管理数据。这意味着最先进入队列的元素将被最先移出队列&#xff0c;类似于现实生活中排队的场景。 在队列中&#xff0c;数据项被添加到队列的一端&#xff0c;称为队尾…...

编程日记 2024/5/13 7:25:16

【原创】nnUnet V1在win11下的安装与配置

安装之前可以先了解一下论文的主要内容&#xff0c;便于之后网络训练与推理&#xff0c;调试程序。 论文地址&#xff1a;nnU-Net: a self-configuring method for deep learning-based biomedical image segmentation | Nature Methods 也可以从其他博客快速浏览&#xff1a…...

编程日记 2024/5/13 7:23:13

C语言之指针初阶

目录 前言 一、内存与地址的关系 二、指针变量 三、野指针 四、const 五、传值调用与传址调用 总结 前言 本文主要介绍C语言指针的一些基础知识&#xff0c;为后面深入理解指针打下基础&#xff0c;因此本文内容主要包括内存与地址的关系&#xff0c;指针的基本语法&…...

编程日记 2024/5/13 7:22:12

异常检测的学习和实战

1.应用&#xff1a; 1.在工业上的应用 当检测设备是否处于异常工作状态时&#xff0c;可以由上图分析得到&#xff1a;那些零散的点对应的数据是异常数据。因为设备大多数时候都是处于正常工作状态的&#xff0c;所以数据点应该比较密集地集中在一个范围内&#xff0c;而那些明…...

编程日记 2024/5/13 7:20:10

RabbitMQ 面试题（一）

1. 简述为什么要使用 RabbitMQ ? 使用 RabbitMQ 的主要原因包括以下几点&#xff1a; 解耦&#xff1a;在复杂的系统中&#xff0c;不同的服务或组件之间往往需要通信和协作。RabbitMQ 作为消息队列&#xff0c;允许这些组件或服务通过发送和接收消息来交互&#xff0c;而无…...

编程日记 2024/5/13 7:19:09

org.postgresql.util.PSQLException: 错误: 关系 “dual“ 不存在

springboot 项目连接 postgreps&#xff0c;启动时报错 org.postgresql.util.PSQLException: 错误: 关系 "dual" 不存在。 查阅资料后发现这是由配置文件中的配置 datasource-dynamic-druid-validationQuery 导致的 spring:datasource:druid:stat-view-servlet:ena…...

编程日记 2024/5/13 7:12:02

mysql权限分类

USAGE --无权限,只有登录数据库,只可以使用test或test_*数据库 ALL --所有权限 select/update/delete/super/slave/reload --指定的权限 with grant option --允许把自己的权限授予其它用户(此用户拥有建立账号的权限) 权限级别&#xff1a; 1、. &#xff0d;&#xff0d;全…...

编程日记 2024/5/13 7:02:54

【C++11】列表初始化、右值引用的详细讲解（上）

前言 在一开始学C之前我们就简单的了解了一下C的发展历史。 相比较而言&#xff0c;C11能更好地用于系统开发和库开发、语法更加泛华和简单化、更加稳定和安全&#xff0c;不仅功能更强大&#xff0c;而且能提升程序员的开发效率加了许多特性&#xff0c;约140个新特性。使得C…...

编程日记 2024/5/13 7:01:52

【JAVA进阶篇教学】第十三篇：Java中volatile关键字讲解

博主打算从0-1讲解下java进阶篇教学&#xff0c;今天教学第十三篇&#xff1a;volatile关键字讲解。 在 Java 中&#xff0c;volatile关键字是一种轻量级的同步机制&#xff0c;用于确保变量的可见性和禁止指令重排序。本文将详细解释volatile关键字的工作原理、可见性保证以及…...

编程日记 2024/5/13 7:00:51

蓝桥杯-地宫取宝

X 国王有一个地宫宝库&#xff0c;是 nm 个格子的矩阵&#xff0c;每个格子放一件宝贝&#xff0c;每个宝贝贴着价值标签。 地宫的入口在左上角&#xff0c;出口在右下角。 小明被带到地宫的入口&#xff0c;国王要求他只能向右或向下行走。 走过某个格子时&#xff0c;如果那个…...

编程日记 2024/5/13 6:59:50

带头单链表 C++实现

节点定义 带头单链表&#xff1a;我们只需要一个结点指针指向整个链表的第一个节点&#xff0c;这样我们就可以通过next指针访问整个链表内的所有节点 template<class T> struct ListNode {T _val;ListNode* _next;ListNode(const T &val):_val(val),_next(nullptr){…...

编程日记 2024/5/13 6:56:47

学习c#第24天 枚举类型

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace enumType { //定义枚举 public enum Week { 星期一, 星期二, 星期三, 星期四, 星期…...

编程日记 2024/5/13 6:54:45

TensorFlow运行bug汇总

1、ImportError: urllib3 v2.0 only supports OpenSSL 1.1.1 解决方案 pip install urllib31.26.15 -i https://pypi.tuna.tsinghua.edu.cn/simple 升级或者降级 (TF2.1) C:\Users\Administrator>pip install urllib31.26.15 -i https://pypi.tuna.tsinghua.edu.cn/sim…...

编程日记 2024/5/13 6:53:44

docker部署调度程序

Dockerfile(构建初始镜像) # python:3.8-slim-buster为精简版的python FROM python:3.8-slim-buster # 1059为组的id,newgroup为组名,1088为用户的id,newuser为新用户 RUN groupadd -g 1059 newgroup && \useradd -g -u 1088 -g newgroup -m newuser USER newuser RUN…...

编程日记 2024/5/13 6:52:43

websocket和http协议的区别

ws(websocket)协议和http协议是两种不同的协议。 http&#xff1a;http是一种用于传输超文本的应用层协议&#xff0c;通常用于web端浏览器和web端服务器之间传输数据。http也是基于tcp的&#xff0c;但是HTTP只能在同一时刻单向发送消息&#xff0c;是一种半双工通信。&#…...

编程日记 2024/5/13 6:49:40

CSS之定位

目录 CSS定位为什么需要定位定位组成定位的叠放顺序拓展 CSS定位 为什么需要定位 浮动可以让多个块级盒子一行没有缝隙排列显示&#xff0c;经常用于横向排列盒子定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中的某个位置&#xff0c;并且可以压住其他盒子 定…...

编程日记 2024/5/13 6:48:39

[IM002][Microsoft][ODBC 驱动程序管理器] 未发现数据源名称并且未指定默认驱动程序

解决办法&#xff1a; 安装驱动 下载 ODBC Driver for SQL Server - ODBC Driver for SQL Server | Microsoft Learn...

编程日记 2024/5/13 6:46:37

神经网络复习--神经网络算法模型及BP算法

文章目录 神经网络模型的构成BP神经网络 神经网络模型的构成 三种表示方式&#xff1a; 神经网络的三要素&#xff1a; 具有突触或连接&#xff0c;用权重表示神经元的连接强度具有时空整合功能的输入信号累加器激励函数用于限制神经网络的输出 感知神经网络 BP神经网络 …...

编程日记 2024/5/13 6:41:28

【Java】/*方法的使用-快速总结*/

目录 一、什么是方法 二、方法的定义 三、实参和形参的关系 四、方法重载 五、方法签名 一、什么是方法 Java中的方法可以理解为C语言中的函数&#xff0c;只是换了个名称而已。 二、方法的定义 1. 语法格式&#xff1a; public static 返回类型 方法名 (形参列表) { //方…...

编程日记 2024/5/13 6:39:26

编码效率翻倍实测：OpenClaw 联动 Claude Code 实现 3 类数字员工协同的 4 步配置

1. 效率翻倍不是幻觉：OpenClaw 联动 Claude Code 的真实瓶颈在哪？ 我上线第三个用 OpenClaw + Claude Code 搭建的数字员工协同流水线时，把同一套接口自动化脚本重构任务交给两组人：一组纯人工，一组走 OpenClaw 管道。结果不是“快一点”，而是人工组平均耗时 47 分钟，A…...

编程新知 2026/5/19 20:52:56

运算放大器：从虚短虚断到负反馈，掌握模拟电路核心设计

1. 从“石头”与“水库”到“运算放大器”&#xff1a;一个电子世界的演化故事如果你拆开过任何一台现代电子设备&#xff0c;从手机到汽车&#xff0c;从血糖仪到工业机器人&#xff0c;你大概率会找到一个或多个不起眼的八脚或十四脚黑色小方块——运算放大器。它不像CPU那样…...

编程新知 2026/5/19 20:46:22

零基础想学挖漏洞？普通人也能看懂的网络安全入门学习路线（建议收藏）

很多人对网络安全的第一印象&#xff1a;黑客、代码、入侵、黑框代码疯狂滚动、随手就能让ATM吐钱&#xff0c;随手一个漏洞几千上万&#xff0c;日进斗金&#xff01;&#xff01;&#xff01; 但真实情况是&#xff1a;90%零基础新人不会挖漏洞&#xff0c;不是天赋不够&…...

编程新知 2026/5/19 20:23:02

从模型到代码：无人驾驶轨迹跟踪算法（Stanley、LQR、PID）的Carsim/Simulink联合仿真实践

1. 无人驾驶轨迹跟踪算法入门指南 第一次接触无人驾驶轨迹跟踪算法时&#xff0c;我被各种专业术语搞得晕头转向。直到真正动手在Carsim和Simulink里搭建仿真环境&#xff0c;才明白这些算法到底是怎么运作的。轨迹跟踪算法的核心任务很简单&#xff1a;让车辆按照预定路线行驶…...

编程新知 2026/5/19 20:08:08

云英谷开启招股：拟募资11亿港元 5月27日上市 小米华为红杉是股东

雷递网 雷建平 5月18日云英谷科技股份有限公司&#xff08;简称&#xff1a;“云英谷”&#xff0c;股票代码&#xff1a;“03310”&#xff09;日前开启招股&#xff0c;准备2026年5月27日在港交所上市。云英谷发行价为20.81港元&#xff0c;发行5285.92万股&#xff0c;募资总…...

编程新知 2026/5/19 18:29:49

Altium Designer 21 规则设置保姆级指南：从新手到老鸟，这些默认值千万别乱动

Altium Designer 21 规则设置实战精要&#xff1a;默认值的智慧与关键调整策略 作为一名从学生时代就开始使用Altium Designer的硬件工程师&#xff0c;我至今记得第一次打开规则设置面板时的眩晕感——密密麻麻的选项像是一道道关卡&#xff0c;让人既想全部征服又担心误操作导…...

编程新知 2026/5/19 18:21:37

Java JVM 面试题详解：JVM运行原理、内存模型、堆栈方法区、GC垃圾回收、JIT编译、类加载机制与线上调优全攻略

1. JVM 到底是什么&#xff1f;为什么 Java 程序离不开它&#xff1f;JVM&#xff0c;全称 Java Virtual Machine&#xff0c;可以理解为 Java 字节码的运行平台。Java 代码先被 javac 编译成 class 字节码&#xff0c;再由 JVM 负责加载、解释、编译、执行和管理内存。这样 Ja…...

编程新知 2026/5/19 18:07:27

别再只会用MI了！深入对比PLV、MVL、MI：在Python中如何为你的EEG数据选择最佳跨频耦合算法

别再只会用MI了&#xff01;深入对比PLV、MVL、MI&#xff1a;在Python中如何为你的EEG数据选择最佳跨频耦合算法 脑电信号分析中&#xff0c;跨频耦合&#xff08;Cross-Frequency Coupling, CFC&#xff09;已成为揭示神经活动协调机制的重要工具。面对PLV、MVL、MI这三种主流…...

编程新知 2026/5/19 17:20:45

无王无帝定乾坤，来自田间第一人 立凰标定世序

谶曰 乱世去旧制&#xff0c;盛世出布衣。 凰标立天地&#xff0c;大同自此始。 一、破题&#xff1a;王权之外&#xff0c;另有乾坤 世人皆道 “普天之下&#xff0c;莫非王土&#xff1b;率土之滨&#xff0c;莫非王臣。” 却不知真正的变局&#xff0c; 起于垄亩&#xff0…...

编程新知 2026/5/19 14:40:15

留学生如何应对Turnitin检测升级：实测防翻车的3款高效降AI工具

马上就要汇报了&#xff0c;不知道屏幕前的你&#xff0c;手里的文章彻底定稿了没有&#xff1f; 最近这段时间&#xff0c;大家是不是还在为居高不下的 AI 率发愁。特别是对于需要过 Turnitin 检测的伙伴来说&#xff0c;明明都是自己查资料敲出来的稿件&#xff0c;AI疑似率依…...

编程新知 2026/5/19 14:07:32