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

重塑JavaScript原生功底=＞【构造函数篇】

news 来源：原创 2025/7/19 22:41:42

在这里插入图片描述

概念：用于创建对象的函数称之为构造函数

作用：构造函数在 JavaScript 中是用来创建对象的最根本操作。

语法：当一个函数通过 new 关键字 来调用的话，那么这个函数就是一个构造函数。

场景：构造函数是专门用来创建对象的。JS中所有的对象都是通过构造函数创建的

用函数来创建一个对象的好处是，极大地简化对象的创建流程及配置项

所以当我们选择用函数来创建一个对象的时候，很多人会想到使用以下方法。

function user(name, age, city, phone) {return {name: name,age: age,city: city,phone: phone,fn: function () {console.log("我是" + this.name + "，我来自" + this.city + "，我的电话是" + this.phone);}};
}const u1 = user("张三", 18, "北京", "123456");
const u2 = user("李四", 20, "上海", "654321");
console.log(u1);
console.log(u2);
u1.fn();
u2.fn();

在这里插入图片描述
以上方法通过 一个普通函数来返回一个对象。这也是通过函数创建对象的其中一种方法，但不是本文提及的重点。（其实这里直接返回一个对象，本质上也是通过构造函数创建的）

第二种方法（构造函数）：

语法：new 函数名(参数)， 当一个普通函数需要通过被 new 关键字来调用时，函数名首字母应当采用大驼峰命名法的语义化规则。

简而言之：判断一个函数是不是构造函数，是取决于它的调用方式，而不是它的定义形式（大驼峰为语义化推荐）

当我们调用构造函数的时候，构造函数的内部会自动创建一个新的对象，并且 this 会指向这个新的对象，并且返回新的对象。

注意：原则上构造函数中，不要手动出现任何返回值。如果出现了返回值，并且返回值是原始类型，则直接忽略，但如果返回值为引用类型，则使用返回的结果。

function User(name, age, city, phone) {this.name = name;this.age = age;this.city = city;this.phone = phone;this.fn = function () {console.log("我是" + this.name + "，我来自" + this.city + "，我的电话是" + this.phone);}
}const u1 = new User("张三", 18, "北京", "123456");
const u2 = new User("李四", 20, "上海", "654321");
console.log(u1);
console.log(u2);
u1.fn();
u2.fn();

常见开发中，我们使用以下的语法创建的对象，其实是一种语法糖。

let obj = {   //语法糖a: 1,b: 2
}
// 本质上等于
// let obj = new Object();
// obj.a = 1;
// obj.b = 2;let arr = [1, 2, 3]  //语法糖// 本质上等于
// let arr = new Array(); 
// arr[0] = 1;
// arr[1] = 2;
// arr[2] = 3;

补充：

//在构造函数中输出 new.target
function User(name, age, city, phone) {console.log(new.target);this.name = name;this.age = age;this.city = city;this.phone = phone;this.fn = function () {console.log("我是" + this.name + "，我来自" + this.city + "，我的电话是" + this.phone);}
}
// 可以判断该函数是不是通过 new 关键字来调用的，如果不是通过 new 关键字来调用的，则返回 undefined 。
// 如果是通过 new 关键字调用的，则返回构造函数自身。使用场景是：通常用来判断一个函数是不是通过 new 来调用的。

在这里插入图片描述

🚵‍♂️ 博主座右铭：向阳而生，我还在路上！如果巅峰留不住，那就重走来时路！
——————————————————————————————
🚴博主想说：将持续性为社区输出自己的资源，同时也见证自己的进步！
——————————————————————————————
🤼‍♂️ 如果都看到这了，博主希望留下你的足迹！【📂收藏！👍点赞！✍️评论！】
——————————————————————————————

重塑JavaScript原生功底=＞【构造函数篇】

概念：用于创建对象的函数称之为构造函数作用：构造函数在 JavaScript 中是用来创建对象的最根本操作。语法：当一个函数通过 new 关键字来调用的话，那么这个函数就是一个构造函数。场景：构造函数是专门用来创建对象…...

编程日记 2025/7/19 22:41:42

从0到1：Python机器学习实战全攻略（8/10）

摘要：通过本文的学习，我们深入探索了 Python 机器学习从入门到实战的精彩世界。从 Python 在机器学习领域的独特优势，到机器学习的核心概念，再到各种强大工具库的应用，以及实战项目的完整演练，我们逐步揭开…...

编程日记 2025/7/14 20:38:15

[计算机网络]网络层

文章目录 408考研大纲IPV4数据报格式协议: IPv4 地址DHCP协议IP组播 408考研大纲 IPV4数据报格式协议: 1:ICMP IPv4 地址特殊IP 网络号全1又称直接广播地址，32位全1又称受限广播地址因为255.255.255.255只能在本网络内广播，路由器不许通过它&…...

编程日记 2025/7/19 22:25:39

华为行业认证是什么？如何考取华为行业认证？

据IDC预测，2027年全球数字化转型市场规模将突破3.4万亿美元，而中国将成为增长最快的市场之一。然而，85%的企业在转型中面临核心人才短缺的困境，尤其缺乏兼具技术能力与行业洞察的复合型人才！ 讯方技术作为华为授权培训…...

编程日记 2025/7/19 22:36:41

Kotlin与Qt跨平台框架深度解析：业务逻辑共享与多语言集成

简介 Kotlin Multiplatform和Qt作为两大主流跨平台开发框架，各自在技术生态和应用场景上展现出独特优势。Kotlin Multiplatform专注于业务逻辑的跨平台共享，通过Kotlin语言的统一特性实现高达80%的代码复用率，特别适合移动应用和Web服务的业务逻辑开发。而Qt则凭借其强大的…...

编程日记 2025/7/19 22:29:28

基于LNMP架构的个人博客系统部署

一、项目概述本项目旨在通过两台服务器（Server-Web和Server-NFS-DNS）搭建一个基于LNMP（Linux、Nginx、MySQL、PHP）架构的个人博客系统。通过域名访问自建网站，同时实现资源文件的共享和DNS解析功能。二、服务器配置…...

编程日记 2025/7/15 8:56:06

Python训练打卡Day21

常见的降维算法： # 先运行预处理阶段的代码 import pandas as pd import pandas as pd #用于数据处理和分析，可处理表格数据。 import numpy as np #用于数值计算，提供了高效的数组操作。 import matplotlib.pyplot as plt #用于绘…...

编程日记 2025/7/19 22:40:33

PostgreSQL 序列(Sequence) 与 Oracle 序列对比

PostgreSQL 序列(Sequence) 与 Oracle 序列对比 PostgreSQL 和 Oracle 都提供了序列(Sequence)功能，但在实现细节和使用方式上存在一些重要差异。以下是两者的详细对比： 一基本语法对比 1.1 创建序列 PostgreSQL: CREATE [ { TEMPORARY | TEMP } |…...

编程日记 2025/7/19 22:35:34

直播：怎样用Agentic AI搭建企业AI应用？5.24日，拆解新一代“智能客服系统”案例

2025 DeepSeek掀起了中国企业的AI落地浪潮！ 随着应用的深入，AI的落地技术正在快速演化。 3月，Manus一夜爆火，让AI Agent更加引人关注。从生成式AI，到Agentic AI（代理式AI）。 AI正在从只能生…...

编程日记 2025/7/19 22:24:32

《Asp.net Mvc 网站开发》复习试题

一.选择题(注:每题2分,共 54分,只能在下列表格中,填写每个题目相应的正确字母选项) 01: 02: 03: 04: 05: 06: 07: 08: 09: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26： :27： 1. Mvc让软件…...

编程日记 2025/7/15 14:28:08

算法题（145）：货仓选址

审题： 本题需要我们找出距离之和的最小值思路： 方法一：贪心贪心策略：将货仓建立在所有商店的中间可以达到距离之和最小因为每家商店都需要接收一车商品，所以这里的距离之和指的是从货仓到每一家商店的路线的距离之和…...

编程日记 2025/7/19 22:24:33

✅ TensorRT Python 安装精简流程（适用于 Ubuntu 20.04+）

安装 TensorRT Python 轮子的步骤确保 pip 和 wheel 模块已更新并安装： 参考链接 python3 -m pip install --upgrade pip python3 -m pip install wheel 1. 确认环境要求 Python：版本 3.8 - 3.13 OS：Ubuntu 20.04 或 Windows 10 CPU&a…...

编程日记 2025/7/19 22:36:42

MYSQL 全量，增量备份与恢复

目录一数据备份的重要性 1 数据备份的重要性 2 数据库备份类型 2.1 从物理与逻辑的角度分类 2.2. 从数据库的备份策略角度分类从数据库的备份策略角度,数据库的备份可分为完全备份、差异备份和增量备份。 3 常见的备份方法 3.1 物理冷备份物理冷备份时需要在数据库处…...

编程日记 2025/7/17 21:09:42

10. Spring AI PromptTemplate：从模板到高级技巧

1、前言如果学到了这里，相信大部分人对Prompt并不陌生了。在 Spring AI 的世界里，与强大的语言模型进行交互的基石便是 Prompt（提示语）。它不仅仅是你输入给 AI 的一段文本，更是你与智能对话的桥梁，是你唤醒模型潜能的关键指令。理解 Prompt 的本质、构建原则以及在 …...

编程日记 2025/7/19 11:56:01

基于OpenCV的人脸识别：Haar级联分类器

文章目录引言一、环境准备二、代码实现1. 图像加载与预处理2. 加载Haar级联分类器3. 人脸检测核心参数详解4. 结果显示与标注三、效果优化建议四、完整代码五、总结引言本文将带你一步步实现一个简单但实用的人脸检测程序，使用Python和OpenCV库。一、环境准备…...

编程日记 2025/7/19 22:39:19

Git安装教程及常用命令

1. 安装 Git Bash 下载 Git 安装包首先，访问 Git 官方网站下载适用于 Windows 的 Git 安装包。安装步骤启动安装程序：双击下载的 .exe 文件，启动安装程序。选择安装选项： 安装路径：可以选择默认路径&#xff0…...

编程日记 2025/7/19 22:22:05

【PmHub后端篇】Skywalking：性能监控与分布式追踪的利器

在微服务架构日益普及的当下，对系统的性能监控和分布式追踪显得尤为重要。本文将详细介绍在 PmHub 项目中，如何使用 Skywalking 实现对系统的性能监控和分布式追踪，以及在这过程中的一些关键技术点和实践经验。 1 分布式链路追踪概述在微服…...

编程日记 2025/7/19 22:23:21

ChromeDriver 技术生态与应用场景深度解析

ChromeDriver 技术生态与应用场景深度解析随着 Web 自动化测试、运维和数据采集需求的不断增长，ChromeDriver 及其相关技术栈在各行业中扮演着举足轻重的角色。本文将从技术选型、语言适配、典型场景、技术延伸等维度，结合最新行业趋势与实践经验&…...

编程日记 2025/7/19 22:26:58

链表面试题6之回文结构

经过前几道题的铺垫，那么我们也是来到了链表的第六关。这也是一道非常经典的题目。目录逆置法数组法那么对于这道题目，我们要判断回文结构，实际上就是判断链表对不对称。这种类型的题目我们好像在哪里见过，对了&#xff0c…...

编程日记 2025/7/19 22:26:58

ASP.NET Core Identity框架使用指南

文章目录前言一、核心功能二、核心组件三、使用1）创建项目2）安装必要 NuGet包3）配置数据库连接字符串4）用户与角色实体定义4）配置数据库上下文5） 注册服务6）数据库迁移与初始化7）用…...

编程日记 2025/7/19 9:48:43

Hugging Face推出了一款免费AI代理工具，它能像人类一样使用电脑

Hugging Face推出了一款免费AI代理工具，它能像人类一样使用电脑。这款工具名为Open Computer Agent（开放计算机代理），可模拟真实的电脑操作。无需安装，在浏览器中即可运行。以下是一些信息： - Open C…...

编程日记 2025/7/19 8:46:12

一.Gitee基本操作

一.初始化 1.git init初始化仓库 git init 用于在当前目录下初始化一个本地 Git 仓库，让这个目录开始被 Git 跟踪和管理。生成 .git 元数据目录，从而可以开始进行提交、回退、分支管理等操作。 2.git config user.name/user.email配置本地仓库 # 设置…...

编程日记 2025/7/19 22:19:22

24、DeepSeek-V3论文笔记

DeepSeek-V3论文笔记 **一、概述****二、核心架构与创新技术**0.汇总：1. **基础架构**2. **创新策略** 1.DeepSeekMoE无辅助损失负载均衡DeepSeekMoE基础架构无辅助损失负载均衡互补序列级辅助损失 2.多令牌预测（MTP）1.概念2、原理2.1BPD2.2M…...

编程日记 2025/7/19 22:33:05

神经网络初步学习——感知机

一、前言神经网络，顾名思义，它与我们大脑生物学里面讲到的神经元有关联。前辈们在研究早期人工智能的时候，就开始过我们的“交叉融合”，他们思考能不能把我们的人工智能的学习模式改造成我们人脑中神经元之间的学习方式——于是乎…...

编程日记 2025/7/19 22:18:41

论文标题 Reward-SQL: Boosting Text-to-SQL via Stepwise Reasoning and Process-Supervised Rewards 论文地址 https://arxiv.org/pdf/2505.04671 代码地址 https://github.com/ruc-datalab/RewardSQL 作者背景中国人民大学，香港科技大学广州，阿…...

编程日记 2025/7/16 18:06:13

Python的安装使用

一、下载Python安装包下载python安装包，可以直接访问官网地址：https://www.python.org/downloads/ 通过页面咱们直接下载最新版本的python安装包即可，python3.13.3。在页面的下方也可下载安装之前的版本，目前咱们按最新版本安装…...

编程日记 2025/7/18 19:46:35

mapreduce-wordcount程序2

WordCount案例分析给定一个路径，统计这个路径下所有的文件中的每一个单词的出现次数。其中，需要我们去实现代码的部分是：map函数和reduce函数。它们各自的作用是： map函数的入参是kv结构，k是偏移量，v是一…...

编程日记 2025/7/16 19:13:45

Java 内存模型（JMM）与内存屏障：原理、实践与性能权衡

Java 内存模型（JMM）与内存屏障：原理、实践与性能权衡在多线程高并发时代，Java 内存模型（JMM） 及其背后的内存屏障机制，是保障并发程序正确性与性能的基石。本文将系统梳理 JMM 的核心原理、内…...

编程日记 2025/7/14 1:49:23

1.6 偏导数

（铺垫）全导数与偏导数看似相似，实则对应不同维度的变化观察。理解它们的差异需要从"变量自由度"切入： （核心差异解剖） 维度偏导数全导数变量关系其他变量被强制锁定所有变量都通过中间变量关联…...

编程日记 2025/7/18 17:18:22

网络爬虫学习之正则表达式

开篇本文整理自《python3 网络爬虫开发实战》的学习笔记。笔记整理 match match是一种常用的匹配方法，向它传入要匹配的字符串以及正则表达式，就可以检测这个正则表达式是否和字符串相匹配。 match会尝试从字符串的起始位置开始匹配正则表达式&#x…...

编程日记 2025/7/15 11:51:21

Pytorch常用统计和矩阵运算

文章目录常用统计函数torch.prod()求积torch.sum()求和torch.mean()求均值torch.max()求最值torch.var() 方差torch.std()标准差常见矩阵运算矩阵乘法点积 (torch.dot)批量矩阵乘法 (torch.bmm)奇异值分解 (SVD)特征分解 (torch.eig)矩阵求逆 (torch.inverse)伪逆 (torch.pin…...

编程日记 2025/7/15 15:02:33

PyTorch Lightning实战 - 训练 MNIST 数据集

MNIST with PyTorch Lightning 利用 PyTorch Lightning 训练 MNIST 数据。验证梯度范数、学习率、优化器对训练的影响。 pip show lightning Version: 2.5.1.post0Fast dev run DATASET_DIR"/repos/datasets" python mnist_pl.py --output_grad_norm --fast_dev_run…...

编程日记 2025/7/18 16:42:34

内存泄漏系列专题分析之十一：高通相机CamX ION/dmabuf内存管理机制Camx ImageBuffer原理

【关注我，后续持续新增专题博文，谢谢！！！】上一篇我们讲了：内存泄漏系列专题分析之八：高通相机CamX内存泄漏&内存占用分析--通用ION（dmabuf）内存拆解这一篇我们开始讲：内存泄漏系列专题分析之十一：高通相机CamX ION/dmabuf内存管理机制Camx ImageBuf…...

编程日记 2025/7/13 23:03:22

MySQL-逻辑架构

MySQL服务器逻辑架构图主要分层结构 1.连接层功能：处理连接、安全认证、线程管理等核心模块：连接器：支持不同语言（JDBC）与MySQL交互；线程连接池：管理线程连接，减少线程频繁创建…...

编程日记 2025/7/19 1:11:10

架构思维：通用架构模式_系统监控的设计

文章目录引言什么是监控三大常见监控类型1. 次数监控2. 性能监控3. 可用率监控落地监控1. 服务入口2. 服务内部3. 服务依赖监控时间间隔的取舍小结引言架构思维：通用架构模式_从设计到代码构建稳如磐石的系统架构思维：通用架构模式_稳如老狗的SDK…...

编程日记 2025/7/14 11:34:35

架构、构架、结构、框架之间有什么区别？｜系统设计｜系统建模

在技术与知识中，我们总是频繁地遇到一些高度抽象、看似类似、却又各自承载着不同思想重量的词汇。“架构”、“构架”、“结构”、“框架”即是其中最为常见又最为令人困惑的一组术语。它们既是工程师们日常工作的核心语言，也是学者们在探索系统、组织、…...

编程日记 2025/7/14 8:51:10

系统架构设计（五）：构件

定义构件（Component）是指一个具有明确边界和独立部署能力的模块化单元，能够封装实现细节，并通过接口与其他构件协作完成系统功能。主要特性特性说明可复用性构件可以在不同系统中被重复使用。可部署性构件可以独立部署&…...

编程日记 2025/7/19 22:26:50

【系统架构师】2025论文《基于架构的软件设计方法》【最新】

😊你好，我是小航，一个正在变秃、变强的文艺倾年。 🔔本文分享【系统架构师】2025论文《系统可靠性设计》，期待与你一同探索、学习、进步，一起卷起来叭！ 目录项目介绍背景介绍系统模块技术栈基于…...

编程日记 2025/7/15 20:51:46

MultiTTS 1.7.6 | 最强离线语音引擎，提供多音色无障碍朗读功能，附带语音包

MultiTTS是一款免费且支持离线使用的文本转语音（TTS）工具，旨在为用户提供丰富的语音包选项，实现多音色无障碍朗读功能。这款应用程序特别适合用于阅读软件中的离线听书体验，提供了多样化的语音选择，使得听书…...

编程日记 2025/7/16 8:31:57

Costmap代价地图

以下为ROS navigation导航工具包的move_base框架图。其中有两个关于代价地图的模块(红框所框)，全局代价地图global_costmap和局部代价地图local_costmap，这两个代价地图实际上是调用的同一个功能包代码，通过配置不同的参数实例化为两个代价地…...

编程日记 2025/7/16 5:04:52

用生活例子通俗理解 Python OOP 四大特性

让我们用最生活化的方式，结合Python代码，来理解面向对象编程的四大特性。 1. 封装：像使用自动售货机生活比喻： 你只需要投币、按按钮，就能拿到饮料不需要知道机器内部如何计算找零、如何运送饮料如果直接打开机…...

编程日记 2025/7/18 22:32:44

大规模容器集群怎么规划

规划大规模容器集群需要综合考虑多个方面，以下是一些关键的规划要点： 业务需求分析应用类型和特点：明确容器集群上运行的应用类型，如 Web 应用、数据库、大数据处理等。不同类型的应用对资源的需求和性能要求各不相同。例如&am…...

编程日记 2025/7/19 20:19:54

机器学习第七讲：概率统计 → 预测可能性，下雨概率70%就是典型应用

机器学习第七讲：概率统计 → 预测可能性，下雨概率70%就是典型应用资料取自《零基础学机器学习》。查看总目录：学习大纲关于DeepSeek本地部署指南可以看下我之前写的文章：DeepSeek R1本地与线上满血版部署：超详细手…...

编程日记 2025/7/15 7:18:34

蓝桥杯13届卡牌

问题描述这天, 小明在整理他的卡牌。他一共有 n 种卡牌, 第 i 种卡牌上印有正整数数 i(i∈[1,n]), 且第 i 种卡牌现有 ai 张。而如果有 n 张卡牌, 其中每种卡牌各一张, 那么这 n 张卡牌可以被称为一套牌。小明为了凑出尽可能多套牌, 拿出了 m 张空白牌, 他可以在上面…...

编程日记 2025/7/15 6:02:00

《Vue.js》阅读之响应式数据与副作用函数

Vue.js 《Vue.js设计与实现》（霍春阳） 适合：从零手写Vue3响应式系统，大厂面试源码题直接覆盖。重点章节：第4章（响应式）、第5章（渲染器）、第8章（编译器&…...

编程日记 2025/7/17 8:07:00

线下消费经济“举步维艰”，开源AI智能名片链动2+1+S2B2C小程序线上“狂飙突进”！

开源AI智能名片链动21模式S2B2C商城小程序：驱动消费经济迭代的数字化引擎摘要：本文以中国消费经济四阶段演进为框架，分析开源AI智能名片链动21模式S2B2C商城小程序如何重构商业生态。研究显示，该系统通过AI算法驱动的精准需求匹…...

编程日记 2025/7/19 16:15:28

简述DNS域名服务器

DNS简述在互联网中，识别一个主机通常有两种方式——主机名和IP地址。从人类角度来看，人类肯定更喜欢这些便于记忆的主机名标识方式，而对于路由器来说，路由器则更喜欢定长的，有结构层次的IP地址。所以DNS域名服务器就…...

编程日记 2025/7/19 8:43:14

小结: Port Security,DHCP Snooping,IPSG,DAI，

以下是华为和思科在 IP Source Guard、Dynamic ARP Inspection、DHCP Snooping、Port Security 四个安全功能的配置指令对比： 1. Port Security（端口安全） 思科（Cisco） # 进入接口模式 interface GigabitEthernet0/1…...

编程日记 2025/7/16 15:57:36

2025年阿里云ACP人工智能高级工程师认证模拟试题（附答案解析）

这篇文章的内容是阿里云ACP人工智能高级工程师认证考试的模拟试题。所有模拟试题由AI自动生成，主要为了练习和巩固知识，并非所谓的 “题库”，考试中如果出现同样试题那真是纯属巧合。 1、在PAl-Studio实验运行完毕后，可以右键单…...

编程日记 2025/7/15 8:36:02

SwitchyOmega_Chromium 代理插件下载与配置

下载地址: 【免费】SwitchyOmega-Chromium.ran资源-CSDN文库下载 SwitchyOmega_Chromium.ran 文件。解压缩文件解压第一层后，解压第二层代理插件SwitchyOmega_Chromium。打开 Chromium 浏览器。导入插件： 在浏览器地址栏输入 chrome://extensio…...

编程日记 2025/7/19 17:15:04

相关文章：