编程笔记 html5cssjs 073 JavaScrip Object数据类型

编程笔记 html5&css&js 073 JavaScrip Object数据类型

  • 一、创建 Object
  • 二、Object 类型的属性与方法
  • 三、示例
  • 四、参考
  • 小结

JavaScript 中的 Object 数据类型是该语言中最复杂也最灵活的数据类型之一,它是其他所有内置对象和用户自定义对象的基础。在 JavaScript 中,几乎任何东西都可以视为对象,包括函数、数组甚至是基本数据类型(通过包装对象)。

一、创建 Object

  1. 使用构造函数创建

    // 使用 new 关键字调用 Object 构造函数创建一个空对象
    let obj1 = new Object();
    // 或者带初始属性
    let obj2 = new Object({ name: 'Alice', age: 30 });// 等同于
    let obj3 = {};
    // 带初始属性
    let obj4 = { name: 'Bob', age: 35 };
    
  2. 使用对象字面量创建
    这是最常见也是最简洁的创建对象的方式,直接用花括号包裹属性名与对应的值。

    let person = {firstName: 'John',lastName: 'Doe',address: {street: '123 Main St.',city: 'Anytown',country: 'USA'},getFullName: function() {return this.firstName + ' ' + this.lastName;}
    };console.log(person.getFullName()); // 输出 "John Doe"
    

二、Object 类型的属性与方法

  • constructor:每个对象实例都有一个 constructor 属性,它指向用于创建该对象的函数引用。

    console.log(person.constructor); // 输出:ƒ Object() { [native code] }
    
  • hasOwnProperty(propertyName):用于检查对象自身(不包括原型链)是否具有指定名称的属性。

    console.log(person.hasOwnProperty('firstName')); // 输出:true
    
  • isPrototypeOf(object):这个方法不是在对象实例上调用,而是在构造函数或任何父级对象上调用,以检查传入的对象是否是其原型链的一部分。

    function Person(name) {this.name = name;
    }let john = new Person('John');
    console.log(Person.prototype.isPrototypeOf(john)); // 输出:true
    
  • propertyIsEnumerable(propertyName):检查给定的属性是否可枚举。

    console.log(person.propertyIsEnumerable('firstName')); // 输出:true
    
  • toLocaleString():返回对象的字符串表示形式,通常依据本地化环境来格式化。

    let dateObj = new Date();
    console.log(dateObj.toLocaleString()); // 输出当前日期时间的本地化格式
    

此外,Object 类型还提供了诸如 toString()valueOf()getOwnPropertyDescriptor()getPrototypeOf()keys()values()entries() 等方法,以及 ECMAScript 6 引入的 Object.assign()Object.create()Object.defineProperties()Object.defineProperty() 等更高级的方法,用于操作对象属性和原型链。

三、示例

let myObject = {a: 1,b: 'two',c: true,method: function() {console.log('Method called on the object!');}
};// 添加动态属性
myObject.d = [1, 2, 3];// 检查属性存在性
console.log(myObject.hasOwnProperty('a')); // 输出:true
console.log(myObject.propertyIsEnumerable('b')); // 输出:true// 调用对象上的方法
myObject.method(); // 在控制台输出 'Method called on the object!'// 获取对象的所有可枚举属性名
console.log(Object.keys(myObject)); // 输出:[ 'a', 'b', 'c', 'method', 'd' ]

四、参考

JavaScript 中的 Object 类型和 C++ 语言中的 object(或类)在概念和实现上有很大的不同,主要区别如下:

  1. 定义与本质

    • JavaScript:在 JavaScript 中,Object 是所有对象的基础类型。每个非原始值都是一个 Object 或是其原型链上的某个对象的实例。这意味着数组、函数、日期等都继承自 Object 原型。在 JavaScript 中,你创建的任何自定义对象也是基于 Object 构造函数的。
    • C++:C++ 是一种静态类型语言,它有类(class)的概念,类是对一组具有相同特征和行为的对象的抽象描述。当你定义一个类时,可以声明成员变量(属性)和成员函数(方法)。C++ 中没有内置的 object 类,但所有的类实例都可以看作是对象。
  2. 动态性与静态性

    • JavaScript:JavaScript 对象是动态的,可以在运行时添加或删除属性,并且支持原型继承(基于原型链的继承机制)。
    • C++:C++ 的对象结构在编译时就已经确定,属性和方法必须在类定义时指定,不能像 JavaScript 那样动态地增加或删除成员。C++ 使用的是类继承机制,子类在编译时就必须明确其父类。
  3. 内存管理

    • JavaScript:JavaScript 引擎自动管理对象的生命周期,通过垃圾回收机制来释放不再使用的对象所占用的内存。
    • C++:C++ 不提供自动垃圾回收机制,程序员需要手动管理对象的内存分配与释放,可以通过构造函数/析构函数、new/delete运算符或者智能指针等方式进行内存管理。
  4. 类型系统

    • JavaScript:JavaScript 是弱类型语言,对象的类型检查较为灵活,变量可以动态改变类型,typeof操作符返回“object”表示非原始类型的值,包括自定义对象和内置对象实例。
    • C++:C++ 是强类型语言,每个对象都有固定的类型,类型转换需要显式进行,编译器会在编译阶段执行严格的类型检查。
  5. 实例化方式

    • JavaScript:使用字面量语法或 new 关键字调用构造函数来创建对象实例。
    • C++:使用 new 关键字结合类名来创建对象实例,也可以通过栈上直接定义(对于局部小对象)或在堆上动态分配。
  6. 面向对象特性

    • JavaScript:尽管不是纯面向对象语言,但提供了封装(通过闭包)、继承(通过原型链或ES6的class关键字)和多态(通过原型委托和函数重载)等功能。
    • C++:全面支持面向对象编程的所有基本特性,包括封装(通过访问修饰符public, private, protected)、继承(通过class派生)、多态(通过虚函数和抽象类)等。同时C++还支持运算符重载等其他面向对象语言不一定具有的特性。

小结

数据类型的概念与定义在不同语言中的区别较大,如果以后学习其他编程语言时注意区分。

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

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

相关文章

Postgres与DynamoDB:选择哪个数据库

启动新项目时需要做出的决定之一是使用哪个数据库。如果您使用的是Django这样的包含电池的框架,那么没有理由再三考虑。选择一个受支持的数据库引擎,就可以了。另一方面,如果你使用像FastAPI或Flask这样的微框架,你需要自己做出这…

JVM系列——垃圾收集器Parrlel Scavenge、CMS、G1常用参数和使用场景

背景 当前在Java领域,JDK 8版本仍然享有广泛的使用,它支持了Parallel Scavenge、CMS和G1这几种垃圾收集器。因此,为了在业务应用中更加高效地进行开发和性能调优,我们需要对这些垃圾收集器的工作原理和特性有一个全面的理解和认识…

【MySQL】双写、重做日志对宕机时脏页数据落盘的作用的疑问及浅析

众所周知,双写机制、重做日志文件是mysql的InnoDB引擎的几个重要特性之二。其中两者的作用都是什么,很多文章都有分析,如,双写机制(Double Write)是mysql在crash后恢复的机制,而重做日志文件&am…

【复现】大华 DSS 数字监控系统 任意文件读取漏洞_38

目录 一.概述 二 .漏洞影响 三.漏洞复现 1. 漏洞一: 四.修复建议: 五. 搜索语法: 六.免责声明 一.概述 大华DSS是大华的大型监控管理应用平台,支持几乎所有涉及监控等方面的操作,支持多级跨平台联网等操作。 可…

13:使用1个按键使静态数码管数值加1

使用1个按键使静态数码管数值加1 1、按键检测2、完整的按键检测 1、按键检测 当第一次按下K1时&#xff0c;静态数码管显示数值为1&#xff0c;当第二次按下时&#xff0c;数码管数值变为2&#xff0c;以此类推… #include <REGX51.H>sbit K1 P1^0;/*******定义一个延…

2024年适合进入股市吗?北京想开股票账户找哪家证券公司交易佣金费用最低?

股市规则是指股票市场中的一系列规则和制度&#xff0c;用于监管和管理股票交易。以下是一些常见的股市规则&#xff1a; 证券法律法规&#xff1a;股市规则的基础是国家的证券法律法规&#xff0c;包括证券法、公司法等&#xff0c;用于规范股票发行、交易和上市等方面的法律规…

重生奇迹MU套装怎么配

汉斯的皮套装&#xff1a;冰之指环,皮护腿,皮盔,皮护手,皮靴,皮铠,流星槌 汉斯的青铜套装&#xff1a;青铜护腿,青铜靴,青铜铠 汉斯的翡翠套装&#xff1a;雷之项链,翡翠护腿,翡翠盔,翡翠铠,远古之盾 汉斯的黄金套装&#xff1a;火之项链,黄金护腿,黄金护手,黄金靴,黄金铠 …

暴雨信息:算法无处不在,但切忌“算法为王”

在这个信息时代&#xff0c;算法无处不在&#xff0c;几乎触及我们工作生活中的每个角落。我们似乎已经被算法包围&#xff0c;很多人担心社会的运转会“以算法为王”&#xff0c;人类会成为“云奴隶”。其实&#xff0c;尽管算法影响广泛&#xff0c;但它并不决定一切。算法本…

代码随想录算法训练营DAY11 | 栈与队列 (2)

一、LeetCode 20 有效的括号 题目链接&#xff1a;20.有效的括号https://leetcode.cn/problems/valid-parentheses/ 思路&#xff1a;遇到左括号直接进栈&#xff1b;遇到右括号判断站顶是否有匹配的括号&#xff0c;没有就返回flase&#xff0c;有就将栈顶元素出栈&#xff1…

FANUC机器人示教器的菜单变成了图标,如何改成列表的形式?

FANUC机器人示教器的菜单变成了图标&#xff0c;如何改成列表的形式&#xff1f; 如下图所示&#xff0c;开机后按下MENU菜单键时&#xff0c;发现原来的列表形式变成了菜单图标的形式&#xff0c;同时在按F1-F5键时&#xff0c;提示&#xff1a;HMI模式-键不可用&#xff0c; …

向日葵案例解析:无外网接入,医疗设备如何进行远程售后运维

随着医学科学以及生物工程技术的高速发展&#xff0c;医院对于高端医疗设备如MR、CT、B超等高科技成像设备和放射治疗设备的需求激增。医学影像检查作为一种重要的手段&#xff0c;在许多疾病确诊过程中发挥着至关重要的作用。检查结果正确与否&#xff0c;直接影响临床医生对疾…

JS 引导动画

前言 引导动画是程序在某一时刻播放的动画&#xff0c;通常用于向用户介绍程序的功能和特点。 实现效果 实现方式 引导动画的实现方式有很多种&#xff0c;这里我使用的是 CSS 的 clip-path 属性。 技术选型 这里我为什么要选择 clip-path 属性而不是 mask 属性呢&#xf…

阿狸与小兔子的奇幻之旅

在很久很久以前&#xff0c;有一个遥远的国度&#xff0c;这个国度里生活着各种各样的动物&#xff0c;它们和谐共处&#xff0c;幸福快乐。在这个国度里&#xff0c;有一只聪明伶俐的小狐狸&#xff0c;名叫阿狸。 一天&#xff0c;阿狸在森林里散步时&#xff0c;遇到了一只正…

面试经典150题(96-100)

leetcode 150道题 计划花两个月时候刷完&#xff0c;今天&#xff08;第五十五天&#xff09;完成了5道(96-100)150&#xff1a; 96.&#xff08;74. 搜索二维矩阵&#xff09;题目描述&#xff1a; 给你一个满足下述两条属性的 m x n 整数矩阵&#xff1a; 每行中的整数从左…

关于网络面试题汇总

什么是TCP/IP五层模型&#xff1f;它们的作用是啥&#xff1f;基于TCP/IP实现的应用&#xff08;层协议&#xff09;有哪些&#xff1f; TCP/IP五层模型&#xff0c;从上向下分别是&#xff1a; 应用层&#xff1a;应用程序本身&#xff0c;应用层的作用是负责应用程序之间的…

【Git系列】修改远程分支名

场景&#xff1a;修改一个别人都在使用的远程分支名称&#xff0c;该怎么处理呢&#xff1f; 思路&#xff1a;基于当前要改名的分支创建一个新的一摸一样分支&#xff0c;写好新建分支名作为修改名&#xff0c;然后推送到远程&#xff0c;接着删除远程要改名的旧的分支&#x…

vue3项目中如何实现模块的自动导入

vue2和vue3一个很重要的代码区别就是从vue2对象化完整引入到函数化按需引入。从而解决了需要什么就引入什么的按需引入操作功能。 然而这一代码操作模式却也引出了后续繁琐代码的书写结构。 虽然现在绝大数开发工具都对未引入的内容进行语法错误提示&#xff0c;并提供快速修复…

数据结构篇-05:哈希表解决字母异位词分组

本文对应力扣高频100 ——49、字母异位词分组 哈希表最大的特点就是它可以把搜索元素的时间复杂度降到O(1)。这一题就是要我们找到 “字母异位词” 并把它们放在一起。 “字母异位词”就是同一个单词中字母的不同组合形式。判断“字母异位词”有两个视角&#xff1a;1、所含字…

全排列 - 三种形式

全排列 - 三种形式 思路 - 回溯 「路径」&#xff0c;记录已经做过的选择「选择列表- 多叉树」&#xff0c;表示当前可以做出的选择&#xff0c;在前序和后序位置操作。 前序位置&#xff0c;做选择进入下一层决策树后序位置&#xff0c;撤销选择 「结束条件」 遍历到树的底层…

全面认识DOS系统

目录 一、DOS系统的功能 1.执行命令和程序&#xff08;处理器管理&#xff09; 2.内存管理 3.设备管理 4.文件管理 5.作业管理 二、文件与目录 三、文件类型与属性 1.系统属性&#xff08;S&#xff09; 2.隐含属性&#xff08;H&#xff09; 3.只读属性&#xff08…