HTML---JAVAscript对向和原型链

news2024/11/17 21:52:46

文章目录

  • 前言
  • 一、pandas是什么?
  • 二、使用步骤
    • 1.引入库
    • 2.读入数据
  • 总结


前言


一.JavaSceipt对象概述

        JavaScript是一种基于对象的编程语言,每个值都是一个对象。JavaScript中的对象是一种无序的键值对集合,其中每个键都是唯一的。

        JavaScript的对象可以包含属性和方法。属性是对象的特性,可以通过点语法或方括号语法访问。方法是对象的行为,是一种可以在对象上调用的函数。

JavaSceipt对象分类

  1. 内置对象(Built-in Objects):内置对象是JavaScript提供的一些预定义对象,比如Array、String、Math等。这些对象可以直接使用,无需额外的操作。

  2. 宿主对象(Host Objects):宿主对象是由JavaScript的宿主环境(比如浏览器、Node.js等)提供的对象。这些对象通常是用来访问宿主环境特定功能的,比如浏览器提供的window、document对象。

  3. 自定义对象(Custom Objects):自定义对象是由开发者自己定义的对象。开发者可以使用JavaScript的构造函数或者类语法来创建自定义对象。

  4. 原生对象(Native Objects):原生对象是指那些由JavaScript语言本身提供的对象,比如Object、Function、Date等。

  5. 传统对象(Traditional Objects):传统对象是指那些以键值对形式存储数据的对象,比如普通对象、数组、Map、Set等。

  6. 迭代器对象(Iterator Objects):迭代器对象是那些实现了迭代器接口的对象,可以通过next()方法迭代访问其中的元素。比如数组的迭代器对象可以通过for...of循环来遍历数组的元素。

  7. 原型对象(Prototype Objects):原型对象是用来创建其他对象的模板对象,通过原型链的机制,可以使原型对象中的属性和方法被其他对象共享。

二.Javascript对象详解

自定义对象

自定义对象是由开发者自己定义的对象。开发者可以使用JavaScript的构造函数或者类语法来创建自定义对象。

  •  使用对象字面量创建对象

语法:

<script>
		var flower = new Object();
</script>

 演示案例

<body>
		<script>
			var flower = new Object();
			//对创建的自定义对象属性进行赋值
			flower.name="长春花";
			flower.genera="夹竹桃科";
			flower.area="非洲";
			flower.uses="观赏或用药等";
			//创建专属于自定义对象的方法
			flower.showNmae = function(){
				window.alert(this.name);
			}
			//调用自定义对象的方法
			flower.showNmae();
		</script>
</body>

  •  使用构造函数创建对象

原理:创建一个构造函数用于临时存放对应函数的属性值,参数等, 在使用new关键字调用时将新函数的属性值赋值给构造函数,再根据代码调用对应的属性值。

语法:

<script type="text/javascript">
			function Flower(自定义参数){}
</script>
  • 演示案例 
<body>
		<script type="text/javascript">
			//构造函数
			function Flower(name,genera,area,uses){
				//创建自定义对象属性并赋值
				this.name=name;
				this.genera=genera;
				this.area=area;
				this.uses=uses;
				//创建自定义对象的方法并指向下方一个函数
				this.showNmae=showNmae;
			}
			function showNmae(){
				window.alert(this.name);
			}
			//创建自定义函数
			var flower1 = new Flower("长春花","夹竹桃科","非洲","观赏或药用等")
			//调用自定义函数
			flower1.showNmae();
		</script>
</body>

常用关键字
instanof判断左边的类型是否为右边的关键字
window.alert(flower1 instanceof Object);
window.alert(flower1 instanceof Flower);

 三.原型链

JavaScript中的原型链是一种机制,它允许对象通过继承属性和方法。每个JavaScript对象都有一个原型对象,该对象充当对象的“父类”,以便对象可以从其原型对象中继承属性和方法。

原型链的作用

  1. 继承属性和方法:JavaScript中的对象可以通过原型链访问其原型对象的属性和方法。这样,可以在一个对象上定义一组共享的属性和方法,然后让其他对象继承它们,从而实现代码的重用和模块化。

  2. 属性和方法查找:当访问一个对象的属性或方法时,JavaScript引擎首先在对象本身查找,如果找不到则会继续在原型对象上查找。如果还找不到,就会继续在原型对象的原型对象上查找,以此类推,直到找到相应的属性或方法或到达原型链的末端。这种机制使得对象可以继承多层属性和方法,并且可以实现属性和方法的覆盖。

  3. 扩展对象:通过原型链,可以向一个对象添加新的属性和方法,从而扩展对象的功能。只需要将新属性和方法添加到原型对象上,所有继承了该原型对象的对象都会自动具有这些新的属性和方法。

  4. 原型继承:JavaScript中的原型链机制实现了一种简单的继承模型,通过将一个对象设置为另一个对象的原型对象,可以使后者继承前者的属性和方法。这种继承方式可以实现代码的复用和扩展。

演示案例

<body>
		<script type="text/javascript">
			//创建继承的对象
			function Flower(){}
				//为自定义函数创建原型函数
				Flower.prototype.name = "曼陀罗花";
				Flower.prototype.genera = "曼陀罗属";
				Flower.prototype.uses = "观赏或药用";
				Flower.prototype.area = "印度";
				Flower.prototype.showNmae=function(){alert(this.name);}
				Flower.prototype.showarea=function(){document.write(this.area);}
				//创建需要继承的自定义对象
				var flower1 = new Flower();
				flower1.showNmae();
				var flower2 = new Flower();
				flower2.showarea();
</script>

 

 

 


练习

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

@Controller层自定义注解拦截request请求校验

一、背景 笔者工作中遇到一个需求&#xff0c;需要开发一个注解&#xff0c;放在controller层的类或者方法上&#xff0c;用以校验请求参数中(不管是url还是body体内&#xff0c;都要检查&#xff0c;有token参数&#xff0c;且符合校验规则就放行)是否传了一个token的参数&am…

D4140 交流插座电器漏电断路器的低功耗控制芯片,内置桥式整流器漏电灵敏度可调,采用SOP8和DIP8 的封装形式

D4140 是一种用于交流插座电器漏电断路器的低功耗控制器。这些设备可以检测到接地的危险电流路径&#xff0c;例如设备掉进水中。在发生有害或致命的电击之前&#xff0c;断路器会断开线路。内置有整流桥&#xff0c;齐纳管稳压器&#xff0c;运算放大器&#xff0c;电流基准&a…

C++(11)——string

前面通过前面篇文章介绍了中的各项基本知识。从本篇文章开始&#xff0c;将对中的中的各项内容进行介绍&#xff1a; 目录 1.string类对象的常见构造&#xff1a; 2. string类对象的赋值操作&#xff1a; 3. string类对象的访问与遍历&#xff1a; 3.1 string类对象的访问…

大数据Doris(五十六):SQL函数之地理位置函数

文章目录 SQL函数之地理位置函数 一、​​​​​​​ST_AsText(GEOMETRY geo)

An efficient path-based approach for influence maximization in social networks

ABSTRACT 口碑对社会联系的影响非常强大&#xff0c;这已不是什么秘密&#xff0c;但问题是“哪些因素影响口碑的有效性&#xff1f;”答案取决于一小组节点如果被激活&#xff0c;就会将信息传播到整个网络。这是社交网络分析中的一个主要问题&#xff0c;称为影响力最大化&am…

优雅处理并发:Java CompletableFuture最佳实践

第1章&#xff1a;引言 大家好&#xff0c;我是小黑&#xff0c;今天&#xff0c;小黑要和大家聊聊CompletableFuture&#xff0c;这个Java 8引入的强大工具。 在Java传统的Future模式里&#xff0c;咱们都知道&#xff0c;一旦开始了一个异步操作&#xff0c;就只能等它结束…

Xcode 15 for Mac:超越开发的全新起点

作为一名开发人员&#xff0c;你是否正在寻找一款强大而高效的开发工具&#xff0c;来帮助你在Mac上构建出卓越的应用程序&#xff1f;那么&#xff0c;Xcode 15就是你一直在寻找的答案。 Xcode 15是苹果公司最新推出的一款集成开发环境&#xff08;IDE&#xff09;&#xff0…

介绍C++的关键字(保留字)

介绍C的关键字&#xff08;保留字&#xff09; 1. asm asm (指令字符串)&#xff1a;允许在 C 程序中嵌入汇编代码。 2. auto auto&#xff08;自动&#xff0c;automatic&#xff09;是存储类型标识符&#xff0c;表明变量"自动"具有本地范围&#xff0c;块范围的…

2024PMP考试新考纲-【过程领域】近期典型真题和很详细解析(6)

距离2024年3月10日的PMP考试还有不到两个月了&#xff0c;加油&#xff01; 华研荟继续为您分享【过程Process领域】的新考纲下的真题&#xff0c;进一步帮助大家体会和理解新考纲下PMP的考试特点和如何应用知识来解题&#xff0c;并且举一反三&#xff0c;一次性、高等级通过…

【excel密码】Excel中如何使部分单元格区域实现加密

Excel文件可以设置保护工作表&#xff0c;那么可以只保护工作表中的部分单元格&#xff0c;其他地方可以正常编辑吗&#xff1f;当然是可以的&#xff0c;今天我们学习&#xff0c;如何设置保护部分单元格。 首先&#xff0c;我们先将整张工作表选中&#xff08;Ctrl A&#…

不会写诗怎么办?收藏好,让你分分钟变成大才子

大家都知道&#xff0c;诗有五种载体&#xff0c;分别是五言绝句&#xff0c;五言律诗&#xff0c;七言绝句&#xff0c;七言律诗&#xff0c;以及排律。言指的是每句的字数&#xff0c;绝句是四句&#xff0c;律诗是八句&#xff0c;排律不限句数。 首先&#xff0c;我们先说…

【实施】windows部署OA项目

文章目录 一、安装JDK1.1 下载安装包后&#xff0c;傻瓜式安装即可1.2 配置环境变量1.3 测试 二、配置Tomcat2.1 关闭防火墙2.2 下载安装包后&#xff0c;在bin下双击startup启动tomcat2.3 防火墙配置 &#xff08;开放8080端口 三、MySQL安装四、部署OA项目4.1 导入数据库4.2 …

创健医疗:接棒玻尿酸,重组胶原蛋白也要迎来股市“三剑客”?

从锦波生物北交所上市后最高溢价5.17倍、鸿星尔克跨界布局重组胶原蛋白领域、首届重组胶原蛋白技术峰会召开&#xff0c;到巴黎欧莱雅新添重组胶原蛋白成分新品——小蜜罐第二代面霜的首发成功&#xff0c;再到位列重组胶原蛋白行业第一阶梯的创健医疗完成辅导备案登记&#xf…

Windows 下 QT开发环境的搭建:

下载QT:Index of /archive/qt/5.14 下载Cmake :CMake - Upgrade Your Software Build System (1)QT在windows,C, 打包exe&#xff1a; step1:window上安装QT软件&#xff1a; Windows下的QT系统开发环境搭建_qt windows-CSDN博客. step2:新建一个界面工程&#xff1a; (1)打…

基于JAVA+ssm智能旅游线路规划系统设计与实现【附源码】

基于JAVAssm智能旅游线路规划系统设计与实现【附源码】 &#x1f345; 作者主页 央顺技术团队 &#x1f345; 欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; &#x1f345; 文末获取源码联系方式 &#x1f4dd; 项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql…

手写OpenFeign(简易版)

Remoting组件实现 1. 前言2. 原理说明3. 远程调用组件实现---自定义注解3.1 添加Spring依赖3.2 编写EnableRemoting注解3.3 编写RemoteClient注解3.4 编写GetMapping注解 4. 远程调用组件实现---生成代理类4.1 编写自定义BeanDefinition注册器4.2 编写自定义包扫描器4.3 编写Fa…

MySQL篇—通过Clone插件进行远程克隆数据(第三篇,总共三篇)

在介绍 Clone 最终篇之前&#xff0c;我们先简要回顾一下前面所讲的内容。在第一篇中&#xff0c;我们探讨了 Clone 的用途、使用的前提条件、存在的限制&#xff0c;以及它的备份原理。Clone 是一种用于复制和备份数据的工具&#xff0c;它能够快速高效地创建数据的精确副本。…

如何在simulink中怎么获取足端轨迹代码解释?

在使用Java代码框架统计用户获取足端轨迹时&#xff0c;我们可以使用Simulink的外部接口功能和Java的网络编程来实现。 首先&#xff0c;我们需要在Simulink中配置外部接口以便与Java进行通信。可以使用Simulink中的TCP/IP或UDP模块来实现网络通信。假设我们选择TCP/IP模块。 …

在线培训系统开发

随着远程学习和数字化教育的兴起&#xff0c;在线培训系统成为了教育领域的重要组成部分。在这篇文章中&#xff0c;我们将探讨在线培训系统开发的一些关键技术和概念。 前端开发 在在线培训系统中&#xff0c;前端开发起着至关重要的作用。使用现代的前端框架如React、Vue或…

Linux系统命令 --- seq tr cut sort uniq

目录 一、seq ---- 输出序列化参数 1、seq 数字 按照顺序打印 2、-s 使用指定字符串分割数字 3、计算1-20&#xff0c;并求和 4、-w 在每一列数字前加零 默认补全 二、tr、对数字进行处理 1、替换 2、删除 3、压缩 4、补集 三、cut 截取 四、sort 排序 …