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

JavaScript—对象与构造方法

news 2026/5/16 11:59:57

目录

json对象（字面值）

js中对象是什么？

如何使用？

关联数组

js对象和C#对象有什么区别？

构造函数

什么是构造方法？

如何使用构造方法？

如何添加成员？

对象的动态成员

正则表达式

正则表达式干什么的？

元字符有哪些？

在js中如何创建一个正则表达式？

有哪些步骤？

1、匹配：

2、提取：

循环提取：

3、替换

js代码的编写方式

json对象（字面值）

用花括号括起来的

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><style type="text/css">#txt{width:150px;height:150px;}</style><script type="text/javascript">var o ={name:"张三",sex:"男",age:19,sayHello:function(){alert("你好")}};alert(o.name);alert(o.sex);alert(o.age);o.sayHello();</script>
</head>
<body></body>
</html>

js中对象是什么？

是面向对象的语言。就是键值对

如何使用？

Var 对象名 = function( ) { };

键值对，值可以是数字、字符串或布尔类型的数据，好比字段值也可以是函数，好比方法，键就是变量名或函数名

<html><head><title></title><style type="text/css">			</style><script type="text/javascript">Var o = { };  //Object对象var  o = {name:"邓礼梅",    //name：键；邓礼梅：值sex:"女",age:10,sayHello:function() {alert("你好")0}};alert (o.name);alert(o.sex);alert(o.age);o.sayHello();//还可以这样输出:必须带有双引号，否则alert(o["name"]);    //如果不写双引号，返回undefined，空类型o["sayHello"]();</script></head><body></body>
</html>

关联数组

O.name

O.sayHello()

在js中支持将对象当作数组使用 ,如下：

O["name"]

O["sayHello"]（）

js对象和C#对象有什么区别？

C#和js中this都表示当前对象（实例）

this：指代这个类

var  o = { name:"邓礼梅",sex:"女",age:10,"sayHello":function() {alert("你好，我是："+this.name+"，我今年"+this.age+"我是:"+this.sex);}};o["sayHello"]();

构造函数

什么是构造方法？

  • 普通方法
  • 调用的时候使用new就可以将其作为构造方法来使用了
  • js没有类，直接使用构造方法创建对象

既然字面值也相当于是包装一个对象，那为什么还会有构造方法？

构造方法是原型继承的载体

和C#相同：

Var o1 = { };

Var o2 = new Object( ); //Object的构造方法

注：js中的所有对象类型都来自于object

和C#不同点：

js中方法里面可以在定义一个方法，C#不能方法嵌套方法

如何判断变量是否是构造方法创建出来？

Boolean 变量 instanceof 构造方法

Alert （{ } instanceof Object）；

var foo = function(){}
var obj = new foo();
alert (typeof obj);   //打印object
alert(obj instanceof foo);   //打印true

继承方法不同

js中：Object表示方法，object表示类型

c#中：都一样

如何使用构造方法？

  1. 创建一个函数
  2. new这个函数
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
#txt{
width:150px;
height:150px;
}
</style>
<script type="text/javascript">//创建一个函数var o = function(){this.name ="赵啸虎";this.age=19;this.sayHello = function(){alert("我的名字叫：" +this.name);};
};
//new这个函数
var fun = new o();fun.sayHello();    //此时打印"我的名字叫赵啸虎"
</script>
</head>
<body></body>
</html>

如何添加成员？

在构造方法中使用this.成员进行添加

对象的动态成员

如果一个对象没有定义Memeber的属性，但是现在希望他有，只需要用”对象.Member=值“，那么就可以给这个对象创建该成员了

var Person= function(){};   //创建一个函数
var zhangsan = new Person();     //new这个函数zhangsan.name="邓礼梅";       //动态添加成员
zhangsan.sayHello = function(){alert("我的名字叫：" +this.name);
};
zhangsan.sayHello();           //调用成员，此时打印”我的名字叫邓礼梅“

如果又创建了一个person对象，此时person对象不具备name和sayHello属性

//如果又创建了一个person对象，此时person对象不具备name和sayHello属性
var lisi = new Person();//如果想要让lisi也具备name和sayHello属性，如何做？
//把成员写在function函数里

正则表达式

正则表达式干什么的？

用于定义一些字符串的规则。

计算机可以根据正则表达式，来检查一个字符串是否符合规则。

获取将字符串中符合规则的内容提取出来。

元字符有哪些？

基本元字符：. [ ] | ( )

限定元字符：+ * ? {n} {n,} {n,m}

首尾元字符：^ $

简写形式：

\d(查找数字)

\D

\w(匹配字母、数字及下划线) 。等价于'[A-Za-z0-9_]'

\W匹配非字母、数字、下划线。等价于'[^A-Za-z0-9_]'

\s(查找空白字符) \S

链接：https://www.runoob.com/regexp/regexp-metachar.html

在js中如何创建一个正则表达式？

字面值：var regex = /\d+/;

构造函数：var regex = new RegExp（"\\d+"）； //斜线代表转义

注：i（忽略大小写） g（global，全局匹配模式）

有哪些步骤？

1、匹配：

C#：bool Regex.IsMatch(字符串，正则);

js：boolean 正则表达式对象.test(字符串)；

//字面值
var r = /^\d+$/;   //匹配一个用数字开头，数字结尾的字符
alert(r.test("abc1234"));
alert(r.test("343434343434fg"));
alert(r.test("34343"));//构造函数
var r = new RegExp("^\\d+$");
alert(r.test("abc1234"));
alert(r.test("343434343434fg"));
alert(r.test("34343"));

2、提取：

提取使用方法

像数组的对象正则表达式对象.exec（字符串）；

这个对象的[0]是匹配到的结果

这个[1]、[2]、……是各个组

//提取邮箱
var str = "我的邮箱是denglimei@163.com，你的呢？";
var r = /([a-zA-z0-9]+)@([a-zA-z0-9]+(\.[a-zA-z0-9]+)+)/;
var match = r.exec(str);    //测试匹配str字符串
alert(match[0]);   //输出第0组，denglimei@163.com
alert(match[1]);   //输出第1组，denglimei
alert(match[2]);   //输出第2组，163.com

循环提取：

//循环匹配
var str = "12345";
var r = /\d\d/g;   //global全局的。\d查找数字，一次匹配两个
var m = r.exec(str);
m = r.exec(str);
m = r.exec(str);
m = r.exec(str);
//length:循环次数
var arr = [];   //数组
var m = null;
while((m=r.exec(str))!=null){   //当提取的内容不为空arr.push(m);    //把内容添加到数组
}var _ = 0;

3、替换

String <string>.replace(正则表达式或字符串，替换为的字符串);

var str = "a--b----c---------d-----e-----f";
var str1 = str.replace(/-+/g,"-");
alert(str1);var date = "2018年8月17日";
var date1 = date.replace(/(\d+)年(\d+)月(\d+)日/,"$1-$2-$2");
alert(date1);

js代码的编写方式

—>无论是js还是css都可以写在页面中

<script>与</script>可以放在页面中的任何一个地方，并且多个与一个是一样的

—>一般企业开发为了让浏览器显示页面更加流畅

<style>或<link>标签都写在前面

<script>标签一般将较大的内容放在后面

—>css使用link引入

javascript使用script标签引入

<script type="text/javascript" src="路径"></script>

相关文章：

JavaScript—对象与构造方法

目录 json对象&#xff08;字面值&#xff09; js中对象是什么&#xff1f; 如何使用&#xff1f; 关联数组 js对象和C#对象有什么区别&#xff1f; 构造函数 什么是构造方法&#xff1f; 如何使用构造方法&#xff1f; 如何添加成员&#xff1f; 对象的动态成员 正则…...

编程日记 2023/8/29 16:29:39

微信小程序社区户口管理的系统设计与实现

摘要 我国的户口管理制度由来已久&#xff0c;我国对于合法居民在新生儿的出生、户口的落地、迁移以及户口的注销上都有着详细的管理条例进行约束。通过户口的管理可以更好地对我国的居民人数进行有效的内容统计&#xff0c;在进行人口普查的过程中也能够实现更好的、更加精准的…...

编程日记 2023/8/29 16:28:37

闲人闲谈PS之四十六——网络生产全流程

惯例闲话&#xff1a;下半年已开始块行情似乎又是一波大涨&#xff0c;很多朋友委托我介绍PS顾问&#xff0c;很多朋友已经上了能源系统项目&#xff0c;这就造成装备制造的PS又是极度紧缺&#xff0c;rate也还可以&#xff0c;搞的自己也有点心痒痒。这种逆势大涨&#xff0c;…...

编程日记 2023/8/29 16:27:36

如何在VR头显端实现低延迟的RTSP或RTMP播放

技术背景 VR&#xff08;虚拟现实技术&#xff09;给我们带来身临其境的视觉体验&#xff0c;广泛的应用于城市规划、教育培训、工业仿真、房地产、水利电力、室内设计、文旅、军事等众多领域&#xff0c;常用的行业比如&#xff1a; 教育行业&#xff1a;VR头显可以用于教育…...

编程日记 2023/8/29 16:26:34

【工具类】提高办公效率（兼具有趣、好玩）

1 Wormhole 免费免注册登录在线、不限速文件传输 Simple, private file sharing https://wormhole.app/ 2 ALL to ALL 在线格式转换 免费、免注册登录 国内最全类型的在线文件转换平台&#xff0c;免费、快速&#xff0c;无须下载安装任何软件。 https://www.alltoall.net/ …...

编程日记 2023/8/29 16:25:33

navicat连接数据库的方法(易懂）

1.首页要先下载Navicat 官网下载即可 2.下载完点击进入 找到左上角的连接 3.点击选择MySQL... 4.点击进入开始连接数据库...

编程日记 2023/8/29 16:24:32

收支明细管理实操：如何准确记录并修改收支明细？

宣传软文&#xff1a; 在日常生活中&#xff0c;收支明细的管理至关重要&#xff0c;无论是个人还是企业。准确的记录不仅能有效管理财务&#xff0c;还能提供清晰的依据以供分析和决策。但在实际操作中&#xff0c;可能出现记录错误的情况。本文将详细介绍如何记录和修改收支明…...

编程日记 2023/8/29 16:23:31

SSL证书的工作原理是怎样的？

传统的网络通信采用的是HTTP传输协议&#xff0c;数据全程公开暴露&#xff0c;很容易被第三方监听和窃取&#xff0c;对用户和网站的数据安全造成很大威胁。为了保护用户的数据安全&#xff0c;SSL证书逐渐普及并应用于政府和企业网站之中&#xff0c;成为了提升数据安全水平&…...

编程日记 2023/8/29 16:22:28

Java发送请求到第三方（RestTemplate方法）

Get请求 try {RestTemplate restTemplate = new RestTemplate();//设置请求头HttpHeaders headers = new HttpHeaders();headers.add("Authorization", "Bearer token");headers.add("User-Agent", "Mozilla/5.0");HttpEntity entity…...

编程日记 2023/8/29 16:21:26

CentOS 7 Nacos 设置开机自动重启

一、说明 Nacos如果是手动启动的话&#xff0c;在服务器宕机或者重启后&#xff0c;没有自动运行&#xff0c;影响很多业务系统&#xff0c;需要每次手动执行命令 startup.sh -m standalone&#xff0c;才能启动 Nacos 服务&#xff0c;不能像docker服务一样&#xff0c;使用 …...

编程日记 2023/8/29 16:20:25

安防监控平台EasyCVR视频汇聚平台增加首页告警类型的详细介绍

安防监控/视频集中存储/云存储EasyCVR视频汇聚平台&#xff0c;可支持海量视频的轻量化接入与汇聚管理。平台能提供视频存储磁盘阵列、视频监控直播、视频轮播、视频录像、云存储、回放与检索、智能告警、服务器集群、语音对讲、云台控制、电子地图、平台级联、H.265自动转码等…...

编程日记 2023/8/29 16:19:24

构建安全可信、稳定可靠的RISC-V安全体系

安全之安全(security)博客目录导读 2023 RISC-V中国峰会 安全相关议题汇总 说明&#xff1a;本文参考RISC-V 2023中国峰会如下议题&#xff0c;版权归原作者所有。...

编程日记 2023/8/29 16:18:23

3.RabbitMQ 架构以及 通信方式

一、RabbitMQ的架构 RabbitMQ的架构可以查看官方地址 可以看出RabbitMQ中主要分为三个角色&#xff1a; Publisher&#xff1a;消息的发布者&#xff0c;将消息发布到RabbitMQ中的ExchangeRabbitMQ服务&#xff1a;Exchange接收Publisher的消息&#xff0c;并且根据Routes策…...

编程日记 2023/8/29 16:17:22

分布式事务篇-2.1 阿里云轻量服务器--Docker--部署Seata

文章目录 前言一、Seata 介绍二、Docker 部署&#xff1a;2.1.拉取镜像&#xff1a;2.2.运行镜像&#xff1a;2.3.拷贝配置文件&#xff1a;2.4.部署&#xff1a;2.5.参数解释&#xff1a;2.5.1 端口&#xff1a;2.5.2 SEATA_IP&#xff1a;2.5.3 SEATA_PORT&#xff1a;2.5.4 …...

编程日记 2023/8/29 16:16:21

C语言这么没用？？

今日话题&#xff0c;C语言真的这么不堪吗&#xff1f;最近我兄弟向我倾诉&#xff0c;他在几天前受到老板的责骂&#xff0c;原因是他只懂C语言编程&#xff0c;无法达到老板的期望。其实不是C语言不堪&#xff0c;而是嵌入式领域复杂性多种多样&#xff0c;需要灵活的解决方案…...

编程日记 2023/8/29 16:15:20

Docker运维篇

Docker运维篇 Docker 设置自启Docker 指定容器设置自启重启linux 计算机网络常见错误汇总centos 7 Docker容器启动报WARNING: IPv4 forwarding is disabled. Networking will not work Docker 设置自启 # 重启docker sudo systemctl enable docker# 设置开机自启 systemctl e…...

编程日记 2023/8/29 16:14:19

【数学建模】清风数模正课7 多元线性回归模型

多元线性回归分析 回归分析就是&#xff0c;通过研究自变量X和因变量Y的相关关系&#xff0c;来解释Y的形成机制&#xff0c;从而达到通过X去预测Y的目的。 所以回归分析需要完成三个使命&#xff0c;首先是识别重要变量&#xff0c;其次是判断正负相关&#xff0c;最后是估计…...

编程日记 2023/8/29 16:13:18

文心一言 VS 讯飞星火 VS chatgpt （83）-- 算法导论8.1 4题

四、用go语言&#xff0c;假设现有一个包含n个元素的待排序序列。该序列由 n/k 个子序列组成&#xff0c;每个子序列包含k个元素。一个给定子序列中的每个元素都小于其后继子序列中的所有元素&#xff0c;且大于其前驱子序列中的每个元素。因此&#xff0c;对于这个长度为 n 的…...

编程日记 2023/8/29 16:12:16

温故知新之：代理模式，静态代理和动态代理(JDK动态代理)

0、前言 代理模式可以在不修改被代理对象的基础上&#xff0c;通过扩展代理类&#xff0c;进行一些功能的附加与增强。 1、静态代理 静态代理是一种代理模式的实现方式&#xff0c;它在编译期间就已经确定了代理对象&#xff0c;需要为每一个被代理对象创建一个代理类。静态代…...

编程日记 2023/8/29 16:11:15

软件工程(十二) 设计模式之创建型模式

我们传统的23种设置模式如下 创建型模式：用于创建对象 工厂方法(Factory Method) 模式抽象工厂(Abstract Factory) 模式原型(Protptype) 模式单例(Singleton) 模式构建器模式结构型模式：建立更大的结构 适配器（Adapter）模式桥接（Bridge）模式组合（Composite）模式装饰（D…...

编程日记 2023/8/29 16:10:12

手把手教你用XDS110给TI开发板供电与调试（附CCS配置避坑指南）

手把手教你用XDS110给TI开发板供电与调试&#xff08;附CCS配置避坑指南&#xff09; 对于刚接触TI嵌入式开发的工程师或学生来说&#xff0c;XDS110调试探针是一个经济实惠且功能强大的入门选择。它不仅支持JTAG和SWD调试&#xff0c;还能为目标板提供电源&#xff0c;并集成了…...

编程新知 2026/5/16 11:36:52

从聊天到拿Shell：一个Netcat命令的‘黑白’两面实战指南（含正向/反向Shell演示）

从聊天到拿Shell&#xff1a;Netcat命令的双面实战手册 在网络安全领域&#xff0c;很少有工具能像Netcat这样同时扮演"天使"与"恶魔"的双重角色。这个被称为"网络瑞士军刀"的轻量级工具&#xff0c;既能帮助管理员快速排查网络问题&#xff0c;…...

编程新知 2026/5/16 10:19:41

DIY实验室振荡器：基于Crickit与3D打印的机电一体化实践

1. 项目概述与核心价值在实验室里&#xff0c;振荡器是个再常见不过的设备了&#xff0c;无论是生物培养时的恒温摇床&#xff0c;还是化学实验中的涡旋振荡&#xff0c;其核心任务就一个&#xff1a;让液体或样品动起来&#xff0c;实现均匀混合或加速反应。对于玩3D打印的朋友…...

编程新知 2026/5/16 10:17:37

ROS Melodic下UVC摄像头花屏？手把手教你修改usb_cam的pixel_format参数

ROS Melodic下UVC摄像头花屏问题深度解析与实战解决方案 当你在ROS Melodic环境下兴奋地插上UVC摄像头&#xff0c;准备开始你的机器人视觉项目时&#xff0c;突然发现屏幕上显示的是一堆杂乱无章的颜色块——这种"花屏"现象让许多ROS新手感到挫败。本文将带你深入理…...

编程新知 2026/5/16 10:00:15

给操作系统爱好者的RISC-V中断实战指南：从SiFive Unleashed开发板到Xv6内核代码

RISC-V中断机制深度解析&#xff1a;从硬件触发到Xv6内核实战 1. RISC-V中断体系架构全景 RISC-V中断系统采用分层设计理念&#xff0c;硬件与软件协同构成了完整的异常处理框架。作为开源指令集架构&#xff0c;RISC-V的中断设计既保持了精简性&#xff0c;又通过可扩展机制满…...

编程新知 2026/5/16 9:53:56

STC-ISP软件隐藏技巧：一键添加头文件到Keil5，并手动验证芯片包是否真正生效

STC-ISP软件隐藏技巧&#xff1a;深度验证Keil5芯片包安装的底层逻辑 当你按照教程点击了STC-ISP的"添加型号和头文件到Keil中"按钮&#xff0c;看到成功提示后满心欢喜打开Keil5&#xff0c;却发现下拉列表里根本没有"STC MCU Database"选项——这种挫败…...

编程新知 2026/5/16 9:24:48

教育大模型EduChat：从部署到应用的全链路实践指南

1. 项目概述&#xff1a;当教育遇上大语言模型 作为一名长期关注教育技术与人工智能交叉领域的研究者和实践者&#xff0c;我见证过太多“AI教育”的概念从喧嚣到沉寂。直到最近几年&#xff0c;以ChatGPT为代表的大语言模型&#xff08;LLM&#xff09;横空出世&#xff0c;才…...

编程新知 2026/5/16 9:16:09

面向28nm ELK晶圆的WLCSP封装激光开槽质量与可靠性研究

2017 — Investigation of Production Quality and Reliability Risk of ELK Wafer WLCSP Package Research and Development, Taiwan Semiconductor Manufacturing Company, Ltd., Hsinchu Science Park, Hsinchu, Taiwan, R.O.C. 摘要 本文系统研究了28nm工艺ELK（极端低k）…...

编程新知 2026/5/16 9:02:19

Agent 记忆架构演进：从简单的 Vector DB 到结构化知识图谱

Agent 记忆架构演进：从简单的 Vector DB 到结构化知识图谱 如果你曾开发过大模型 Agent，一定遇到过这样的痛点：你给 Agent 喂了几百条历史聊天记录、项目文档，问它「我上周和张三讨论的电商项目预算是多少？当时李四提了什么反对意见？」，它要么答非所问，要么只说对一半，…...

编程新知 2026/5/16 8:49:41

Glass Browser：透明悬浮浏览器，解锁Windows多任务处理新维度

Glass Browser&#xff1a;透明悬浮浏览器&#xff0c;解锁Windows多任务处理新维度 【免费下载链接】glass-browser A floating, always-on-top, transparent browser for Windows. 项目地址: https://gitcode.com/gh_mirrors/gl/glass-browser 当你在编写代码时需要查…...

编程新知 2026/5/16 8:41:02