【前端】JavaScript入门及实战46-50

文章目录

  • 46 对象(1)
  • 47 对象(2)
  • 48 属性名和属性值
  • 49 基本和引用数据类型
  • 50 对象字面量

46 对象(1)

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*5种基本数据类型:Number, String, Boolean, Null, Undefined,除这5种外,都是对象Object基本数据类型都是单一的值:123 true "hello"值和值之间没有任何的联系在JS中来表示一个人的信息(name, gender, age),var name = "孙悟空";var gender = "男";var age = 18;如果使用基本数据类型的数据,我们所创建的变量都是独立的,不能成为一个整体对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性对象的分类:1. 内建对象:由ES标准中定义的对象,在任何的ES实现中都可以使用比如:Math String Number Boolean Function Object...2. 宿主对象: 由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象。比如BOM(浏览器对象类型) DOM(文档对象类型)3. 自定义对象:由开发人员创建的对象*/console.log(); // console也是一个宿主对象document.write(); // 宿主对象	
</script>
<style>
</style>
</head>
<body>
</body>
</html>

47 对象(2)

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*		对象的分类:1. 内建对象:由ES标准中定义的对象,在任何的ES实现中都可以使用比如:Math String Number Boolean Function Object...2. 宿主对象:由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象。比如BOM(浏览器对象类型) DOM(文档对象类型)3. 自定义对象:由开发人员创建的对象*///创建对象/*使用new关键字调用的函数,是构造函数constructor构造函数是专门用来创建对象的函数使用typeof检查一个对象时,会返回object*/var obj = new Object(); //一个对象console.log(obj);/*在对象中保存的值称为属性向对象添加属性语法:对象.属性名 = 属性值;*///向obj中添加一个name属性obj.name = "孙悟空";//向obj中添加一个gender属性obj.gender = "男";//向obj中添加一个age属性obj.age = 18;/*读取对象中的属性语法:对象.属性名如果读取对象中没有的属性,不会报错,而是会返回undefined*/console.log(obj.gender);/*修改对象的属性语法:对象.属性名 = 新值;*/obj.name = "tom";/*删除对象的属性语法:delete 对象.属性名*/delete obj.name;	
</script>
<style>
</style>
</head>
<body>
</body>
</html>

48 属性名和属性值

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*	向对象中添加属性属性名:对象的属性名不强制要求遵守标识符的规范,但是尽量按照标识符的规范去做				*/var obj = new Object();obj.name = "孙悟空";obj.var = "hello";obj.123 = 789; // 错误obj["123"] = 789;console.log(obj["123"]);/*如果使用特殊的属性名,不能采用.的方式来操作需要使用另一种方式:语法:对象["属性名"] = 属性值读取时也需要采用这种方式使用[]这种形式去操作属性,更加的灵活,在[]中可以直接传递一个变量,这样变量值是多少就会读取那个属性*/obj["123"] = 789;var n = "123";console.log(obj[n]);/*属性值:JS对象的属性值可以是任意的数据类型,甚至也可以是一个对象*/obj.test = true;obj.test = null;obj.test = undefined;//创建一个对象var obj2 new Object();obj2.name = "猪八戒";//将obj2设置为obj的属性obj.test = obj2; //对象console.log(obj.test.name); //猪八戒/*in运算符:通过该运算符可以检查一个对象中是否含有指定的属性如果有则返回true,没有则返回false语法:“属性名” in 对象*/console.log(obj.test2); //undefined//检查obj中是否含有test2属性console.log("test2" in obj); // false
</script>
<style>
</style>
</head>
<body>
</body>
</html>

49 基本和引用数据类型

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*	基本数据类型:String Number Boolean Null Undefined引用数据类型:Object	JS中的变量都是保存到栈内存中的,基本数据类型的值直接在栈内存中存储,值与值之间是独立存在,修改一个变量不会影响其他的变量对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间,而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,当一个通过一个变量修改属性时,另一个也会受到影响*/var a = 123;var b = a; // 123a++; // 124var obj = new Object();obj.name = "孙悟空";var obj2 = obj;// 修改obj的name属性obj.name = "猪八戒"; // obj2也改变了// 设置obj2为nullobj2 = null;console.log(obj); // 不影响,objectconsole.log(obj2); // null/*当比较两个基本数据类型的值时,就是比较值,而比较两个引用数据类型时,他是比较对象的内存地址,如果两个对象的一样的,但是地址不同,也会返回false*/var obj3 = new Object();var obj4 = new Object();obj3.name = "沙和尚";obj.4name = "沙和尚";console.log(obj3 == obj4); // false
</script>
<style>
</style>
</head>
<body>
</body>
</html>

50 对象字面量

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">/*	使用对象字面量来创建一个对象*/var obj = {};obj.name = "孙悟空";/*使用对象字面量,可以在创建对象时,直接指定对象中的属性语法:{属性名:属性值,属性名:属性值。。。}对象字面量的属性名可以加引号也可以不加,建议不加如果要使用一些特殊的名字,则必须加引号属性名和属性值是一组一组的名值对结构,名和值之间使用“:”连接,多个名值对之间使用“,”隔开如果一个属性之后没有其他的属性了,就不要写“,”了*/	var obj2 = {name: "猪八戒", age: 28, gender: "男",test: {name: "沙和尚"}};
</script>
<style>
</style>
</head>
<body>
</body>
</html>

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

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

相关文章

Puromycin(嘌呤霉素)— pac基因筛选抗生素

Puromycin是由Streptomyces alboniger&#xff08;白黑链霉菌&#xff09;产生的一种氨基糖苷类抗生素&#xff0c;可抑制原核细胞和真核细胞的肽基转移。Puromycin可抑制革兰氏阳性菌、多种动物细胞和昆虫细胞的生长&#xff0c;但是真菌和革兰氏阴性菌对Puromycin具有抗性&am…

Spring Boot外部配置加载顺序

官网地址&#xff1a; Externalized Configuration :: Spring Boot Spring Boot外部配置加载顺序 Spring Boot使用一种非常特定的PropertySource顺序设计&#xff0c;以便合理地覆盖值。后面的属性源可以覆盖前面定义的值(后面的优先级高于前面的)。属性源的考虑顺序如下&…

12.顶部带三角形的边框 CSS 关键字 currentColor

顶部带三角形的边框 创建一个在顶部带有三角形的内容容器。 使用 ::before 和 ::after 伪元素创建两个三角形。两个三角形的颜色应分别与容器的 border-color 和容器的 background-color 相同。一个三角形(::before)的 border-width 应比另一个(::after)宽 1px,以起到边框的作…

大屏系统类优质UI风格

大屏系统类优质UI风格

C 语言回调函数

回调函数的概念 您的理解是正确的。pFunCallBack 是一种函数指针类型&#xff0c;它定义了函数的签名&#xff08;即函数的参数类型和返回类型&#xff09;。当我们说 pFunCallBack pFun&#xff0c;我们是在声明一个变量 pFun&#xff0c;其类型是 pFunCallBack —— 即一个函…

暗网与深网的技术原理、应用及社会影响探究

一、引言 互联网已经成为现代社会不可或缺的一部分&#xff0c;它不仅改变了人们的生活方式&#xff0c;也深刻影响着社会的经济、政治和文化等各个领域。然而&#xff0c;在互联网的广阔领域中&#xff0c;存在着一些不为人知的部分&#xff0c;即深网和暗网。深网和暗网的出现…

PHP项目开发流程概述

PHP项目开发流程是一个系统性的过程&#xff0c;它涵盖了从项目启动到最终部署及维护的各个阶段。以下是对PHP项目开发流程的详细概述&#xff0c;并附有相关代码示例。 一、需求分析 概述&#xff1a; 需求分析是项目开发的起始点&#xff0c;主要目的是明确项目的目标、功能…

推荐4款高清稳定的远程控制软件。

远程控制软件已经在我们生活中的很多场景里都排上了用场&#xff0c;它可以帮助我们灵活办公&#xff0c;教育学习&#xff0c;游戏娱乐&#xff0c;技术支持等。如果你刚好需要远程控制设备的话&#xff0c;可以看看这4款软件&#xff0c;连接稳定高清&#xff0c;操作简单。 …

Java中的Heap(堆)(如果想知道Java中有关堆的知识点,那么只看这一篇就足够了!)

前言&#xff1a;&#xff08;Heap&#xff09;是一种特殊的完全二叉树&#xff0c;它在诸多算法中有着广泛的应用&#xff0c;本文将详细介绍Java中的堆。 ✨✨✨这里是秋刀鱼不做梦的BLOG ✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客 先让我们看一下本文大…

生成式人工智能落地校园与课堂的15个场景

生成式人工智能正在重塑教育行业&#xff0c;为传统教学模式带来了革命性的变化。随着AI的不断演进&#xff0c;更多令人兴奋的应用场景将逐一显现&#xff0c;为学生提供更加丰富和多元的学习体验。 尽管AI在教学中的应用越来越广泛&#xff0c;但教师们也不必担心会被完全替代…

细水长流:使用Scikit-Learn实现模型的增量预测

细水长流&#xff1a;使用Scikit-Learn实现模型的增量预测 在机器学习领域&#xff0c;增量学习是一种允许模型在新数据到来时不断更新和学习的范式。Scikit-Learn&#xff08;简称sklearn&#xff09;&#xff0c;作为Python中广受欢迎的机器学习库&#xff0c;提供了一些支持…

什么是区块链

区块链&#xff0c;这个听起来既神秘又前沿的技术&#xff0c;实际上是一个结合了信息技术、密码学、分布式计算等多个领域的创新概念。通俗来说&#xff0c;区块链就像是一个由无数个小记事本&#xff08;区块&#xff09;通过特殊方式串联起来的大账本&#xff0c;每个小记事…

MySQL(事务、索引)MyBatis

目录 事务 概述 四大特性&#xff08;ACID&#xff09; 索引 结构 语法 MyBatis 数据库连接池 lombok 基本操作--增删改查 根据主键删除 新增 更新 查询&#xff08;根据ID查询&#xff09; 查询&#xff08;条件查询&#xff09; XML映射文件 动态SQL 动态条…

[图解]《分析模式》漫谈16-“我用的”不能变成“我的”

1 00:00:00,720 --> 00:00:02,160 今天&#xff0c;我们来说一下 2 00:00:02,170 --> 00:00:04,850 “我用的”不能变成“我的” 3 00:00:04,860 --> 00:00:11,390 《分析模式》的前言 4 00:00:12,260 --> 00:00:13,410 有这么一句话 5 00:00:14,840 --> 0…

Windows安装go语言开发环境

一、下载安装包 安装包下载地址 下载完毕后双击进行安装。 查看是否安装成功&#xff1a; go version #查看go版本 go env #查看go环境变量正常显示则安装完成。 二、安装vscode 一般开发go语言项目使用vscode工具&#xff1a; 下载地址 下载完毕后双击进行安装。 三…

【鸿蒙学习笔记】UI・常用组件・Button・按钮组件・ButtonType

官方文档&#xff1a;按钮 (Button) 目录标题 ButtonType ButtonType 胶囊类型&#xff08;Capsule&#xff09;・圆形按钮&#xff08;Circle&#xff09;・普通按钮&#xff08;Normal&#xff09;・自定义 Column({ space: 10 }) {Text(Normal).fontSize(20).fontColor(Col…

【人工智能 | 机器学习 | 理论篇】模型评估与选择

文章目录 1. 经验误差与过拟合2. 模型评估方法2.1 模型评估概念2.2 留出法2.3 k 折交叉验证法2.4 自助法2.5 调参与最终模型 3. 性能度量3.1 均方误差3.2 错误率、精度3.3 查准率、查全率3.3 扩展3.4 ROC 与 AUC3.5 代价敏感错误率与代价曲线 4. 比较检验4.1 假设检验4.2 交叉验…

使用Java填充Word模板的技术详解

目录 概述常见的Java Word处理库 Apache POIAspose.Words for JavaDocx4j 使用Apache POI填充Word模板 创建和读取Word文档填充文本填充表格 使用Aspose.Words for Java填充Word模板 创建和读取Word文档填充文本填充表格 使用Docx4j填充Word模板 创建和读取Word文档填充文本填…

【一次记一句:SQL】从 information_schema.TABLES中查询数据库表中记录数据量

有时候&#xff0c;一张千万数据量的表&#xff0c;使用 count(*) 统计记录数&#xff0c;查不动。可以使用下述SQL来试试&#xff1a; SELECT CONCAT(table_schema, ., table_name) AS "Table Name", table_rows AS "Number of Rows", CONCAT(ROUND(data…

uniapp小程序项目解决键盘问题

1. 点击输入框&#xff0c;使页面不上移&#xff0c;并实现软键盘弹出。 步骤&#xff1a; 1. 使用adjust-position属性&#xff0c;禁止页面上移&#xff1b; 2. 但此时如果输入框在底部&#xff0c;当点击输入时&#xff0c;键盘会弹起&#xff0c;这时候需要动态移动输入框的…