JavaScript—对象与构造方法

目录

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>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/87939.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

小程序开发之登录授权

小程序开发之登录授权

小程序开发登录授权流程 看懂这张图登录授权就没问题了&#xff08;哈哈哈哈哈&#xff09; 说明&#xff1a; 调用 wx.login() 获取 临时登录凭证code &#xff0c;并回传到开发者服务器。 调用 auth.code2Session 接口&#xff0c;换取 用户唯一标识 OpenID 和 会话密钥 sess…
阅读更多...
崭新商业理念：循环购模式的价值引领-微三云门门

崭新商业理念：循环购模式的价值引领-微三云门门

尊敬的创业者们&#xff0c;我是微三云门门&#xff0c;今天我将为您详细探讨一种具有颠覆性的商业模式——循环购模式。这套私域流量裂变策略在实际应用中取得了巨大的成功&#xff0c;某些企业在短短6个月内迅速积累了400万用户&#xff01; 循环购商业模式的核心聚焦于三个…
阅读更多...
Pycharm通过SSH配置centos上Spark环境

Pycharm通过SSH配置centos上Spark环境

直接在shell进行pyspark进行编程&#xff0c;程序没有办法写得太长&#xff0c;而且我们希望能够实现一个及时给出结果的编程环境&#xff0c;可以使用pycharm连接centos上的spark&#xff0c;进行本地编程&#xff0c;同步到centos系统中运行程序&#xff0c;并把结果返回pych…
阅读更多...
Oracle调整临时表空间大小

Oracle调整临时表空间大小

Oracle调整临时表空间大小 一、方法一&#xff1a;直接修改表空间文件大小二、方法二&#xff1a;重建临时表空间2.1、查看当前的临时表空间大小及使用情况2.2、查看当前的临时表空间使用率2.3、确认需要增大临时表空间的大小&#xff0c;创建一个新的临时表空间2.4、设置数据库…
阅读更多...
重生c++系列之类与对象（中篇）

重生c++系列之类与对象（中篇）

好的继上期&#xff0c;我们今天带来c类与对象系列的继续学习。 类的6个默认成员函数 如果一个类中什么成员都没有&#xff0c;简称为空类。 空类中真的什么都没有吗&#xff1f;并不是&#xff0c;任何类在什么都不写时&#xff0c;编译器会自动生成以下6个默认成员 函数。 …
阅读更多...
执行SQL文件出现【Unknown collation “utf8mb4_0900_ai_ci”】的解决方案

执行SQL文件出现【Unknown collation “utf8mb4_0900_ai_ci”】的解决方案

执行SQL文件出现【Unknown collation “utf8mb4_0900_ai_ci”】的解决方案 一、背景描述二、报错原因三、解决方案 一、背景描述 从服务器MySQL中导出数据为SQL执行脚本后&#xff0c;在本地执行导出的SQL脚本。 报错&#xff1a;Unknown collation “utf8mb4_0900_ai_ci” …
阅读更多...
LAMP 架构及Discuz论坛与Wordpress博客搭建

LAMP 架构及Discuz论坛与Wordpress博客搭建

目录 1 LAMP 配置与应用 1.1动态资源与语言 1.2 LAMP 架构的组成 1.2.1 主要功能 2 编译安装Apache http 服务 2.1 环境准备 2.1.1 关闭防火墙及selinux服务 2.1.2 安装依赖环境 2.2 安装软件包 2.2.1 解压软件包 2.2.2 移动apr包 apr-util包到安装目录中&#xff0c;并…
阅读更多...
企业工程系统管理 工程项目管理系统源码 工程项目各模块及其功能点清单

企业工程系统管理 工程项目管理系统源码 工程项目各模块及其功能点清单

工程项目各模块及其功能点清单 一、系统管理 1、数据字典&#xff1a;实现对数据字典标签的增删改查操作 2、编码管理&#xff1a;实现对系统编码的增删改查操作 3、用户管理&#xff1a;管理和查看用户角色 4、菜单管理&#xff1a;实现对系统菜单的增删改查操…
阅读更多...
【已解决】pycharm突然双击无法打开，重启电脑也不管用

【已解决】pycharm突然双击无法打开，重启电脑也不管用

1.问题&#xff1a; pycharm突然双击无法打开&#xff0c;重启电脑也不管用 2.解决 2.1 方法一&#xff08;修改Roaming&#xff09; 1.找到C盘对应路径下的pycharm版本 2. 用记事本打开文件类型为VMOPTIONS文件 3. 修改或删除最后一行的映射路径 4.保存退出 2.2 方法二…
阅读更多...
win10+wsl2+Ubuntu20.2+Pycharm+WSL解释器

win10+wsl2+Ubuntu20.2+Pycharm+WSL解释器

目的&#xff1a;创建一个ubuntu系统下的python解释器&#xff0c;作为win平台下的pycharm的解释器。 这样做的好处是可以直接在win系统里操作文件&#xff0c;相比于linux方便一点&#xff0c;而且也不用对wsl的子系统进行迁移。 一、安装前准备 1. 设置-Windows更新-window…
阅读更多...
JVM 访问对象的两种方式

JVM 访问对象的两种方式

Java 程序会通过栈上的 reference 数据来操作堆上的具体对象。由于 reference 类型在《Java 虚拟机规范》里面只规定了它是一个指向对象的引用&#xff0c;并没有定义这个引用应该通过什么方式去定位、访问到堆中对象的具体位置&#xff0c;所以对象访问方式也是由虚拟机实现而…
阅读更多...
LInux之chrony服务器

LInux之chrony服务器

目录 场景 重要性 LInux的两个时钟 硬件时钟 系统时钟 NTP协议 Chrony介绍 定义 组成 --- chronyd和chronyc 安装与配置 安装 Chrony配置文件分析 同步时间服务器 chronyc命令 chronyc sources输出分析 其它命令 查看时间服务器的状态 查看时间服务器是否在线 …
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023