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

编程笔记 html5&css&js 073 JavaScript 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/669259.shtml

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

相关文章

网课:机器翻译——牛客(题解)

题目描述 小晨的电脑上安装了一个机器翻译软件,他经常用这个软件来翻译英语文章。 这个翻译软件的原理很简单,它只是从头到尾,依次将每个英文单词用对应的中文含义来替换。对于每个英文单词,软件会先在内存中查找这个单词的中文含…

手拉手spring-boot-starter-mail实现发送QQ邮箱

技术栈 springbootmybatis-plusmysql 软件 版本 IDEA IntelliJ IDEA 2022.2.1 JDK 17 Spring Boot 3.1 mybatis-plus 3.5 spring-boot-starter-mail Springboot版本 spring boot对mail的封装支持非常好,方便,几行代码就可以把邮件集成进来…

5 个 JavaScript 代码优化技巧

在本文中,将介绍 5 个代码优化的技巧,有助于编写更高效、更优雅的代码。这些技巧包括使用扩展运算符简化代码到使用 async/await 处理异步代码等。 1. 使用扩展运算符解构对象和数组 扩展运算符由三个点 ... 表示,可用于对象和数组的解构。…

调用Gensim库训练Word2Vec模型

一、前期工作: 1. 安装Gensim库 pip install gensim 2.安装chardet库 pip install chardet 3. 对原始语料分词 选择《人民的名义》的小说原文作为语料,先采用jieba进行分词 import jieba import jieba.analyse import chardet jieba.suggest_freq…

Sklearn、TensorFlow 与 Keras 机器学习实用指南第三版(三)

原文:Hands-On Machine Learning with Scikit-Learn, Keras, and TensorFlow 译者:飞龙 协议:CC BY-NC-SA 4.0 第六章:决策树 决策树是多功能的机器学习算法,可以执行分类和回归任务,甚至多输出任务。它们…

麻雀搜索算法|Sparrow Search Algorithm(SSA)

在麻雀群体智慧、觅食和反捕食行为的启发下,提出了一种新的群体优化方法,即麻雀搜索算法(SSA)。 1、简介 在麻雀搜索算法中包含三种类型的麻雀个体,即发现者、跟随者和侦察者,三种类型对应三种行为。发现…

GM8775C——DSI 转双通道 LVDS 发送器

1 产品概述 GM8775C 型 DSI 转双通道 LVDS 发送器产品主要实现将 MIPI DSI 转单 / 双通道 LVDS 功能, MIPI 支持 1/2/3/4 通道可选,每通道最高支持 1Gbps 速率,最大支持 4Gbps 速率。 LVDS 时钟频率高达 154MHz &#xff…

【Eclipse平台】1Eclipse平台总体概览

Eclipse平台总览 欢迎来到【Eclipse平台系列】,本文介绍Eclipse平台的总体概览 文章目录 Eclipse平台总览1. 什么Eclipse开放的架构2. 如何下载Eclipse3. Eclipse的命名规则3. Eclipse的构成3.1 Workbench1. 什么Eclipse Eclipse是一个流行的集成开发环境(Integrated Devel…

Postgresql体系结构

client连接PostgreSQL过程: 1、客户端发起请求 2、主服务postmaster进程负责服务器是否接受客户端的host通信认证,服务器对客户端进行身份鉴别 3、主服务进程为该客户端单独fork一个客户端工作进程postgres 4、客户端与postgres进程建立通信连接&#xf…

ensp实验合集(三)

实验11 无线网设备配置.......................................................... - 97 - 实验12 单臂路由器配置........................................................ - 106 - 实验13 防火墙配置.............................................................…

langgraph学习--创建基本的agent执行器

本文介绍如何使用langgraph创建一个基本的Agent执行器,主要包括下面几个步骤: 1、定义工具 2、创建langchain Agent(由LLM、tools、prompt三部分组成) 3、定义图形状态 传统的LangChain代理的状态有几个属性: (1&#…

centos7 linux 不小心把根目录的内容移到别的目录了

在根目录不小心执行了如下命令,然后发现大部分常用命令不能用了。都在报错 mv * /data/software从网上找了好多帖子,命令都不好使。有的是用/data/software/lib64/ld-linux-x86-64.so.2,/data/software/lib64就不是个目录,只是个软连接&…

git将项目的某次签入遴选(Cherry-Pick)另一个项目

需求&#xff1a;将项目Product&#xff0c;分支feature/platform&#xff0c;签入959294ce6b75ee48c5cb22c46d7398654628a896&#xff0c;遴选到项目BRP&#xff0c;分支dev 第一步&#xff1a;使用原签入生成patch文件&#xff08;git format-patch -1 <commit_hash>&a…

OpenCV学习记录——边缘检测

文章目录 前言一、边缘检测原理二、Canny边缘检测算法三、具体应用代码 前言 在做某些图像处理时&#xff0c;通常需要将识别到的物体边界提取出来&#xff0c;从而帮助我们实现目标检测&#xff0c;这就需要用到边缘检测&#xff0c;例如人脸识别和运动目标的检测都需要先进行…

pdf怎么转成高清图?pdf在线转换器推荐分享

在日常的工作或者学习中&#xff0c;有时候会需要将编辑好的pdf转高清图片&#xff0c;这样更方便我们后续使用&#xff0c;那么怎么将pdf转图片&#xff08;https://www.yasuotu.com/pdftopic&#xff09;还能保持清晰呢&#xff1f;下面介绍一款pdf转换工具&#xff0c;支持p…

使用SPM_batch进行批量跑脚本(matlab.m)

软件&#xff1a;spm8matlab2023bwin11 数据格式&#xff1a; F:\ASL\HC\CBF\HC_caishaoqing\CBF.nii F:\ASL\HC\CBF\HC_caishaoqing\T1.nii F:\ASL\HC\CBF\HC_wangdonga\CBF.nii F:\ASL\HC\CBF\HC_wangdonga\T1.nii clear spmdirD:\AnalysisApps\spm8; datadirF:\ASL\HC\CBF…

Profinet转CANopen主站网关与堡盟编码器通讯案例

Profinet转CANopen主站网关(XD-COPNm20)为CPU与堡盟编码器的通讯提供了CANopen协议向Profinet协议转换互通的桥梁。CANopen是一种基于CAN总线的通讯协议&#xff0c;它被广泛应用于工业自动化领域&#xff0c;而Profinet是一种以太网协议&#xff0c;其优点是高速传输和广泛的可…

【iOS ARKit】手动配置环境探头

在上节中我们已经了解了环境探头以及如何使用自动环境探头&#xff0c;这节一起了解如何使用手动配置环境探头。 在使用自动环境反射时&#xff0c;开发人员无须进行有关环境反射的任何操作&#xff0c;只需要设置自动环境反射即可&#xff0c;其余工作完全由 RealityKit 自动完…

【django】建立python虚拟环境-20240205

1.确保已经安装pip3 install venv 2.新建虚拟环境 python -m venv myenv 3.安装虚拟环境的依赖包 pip install … 4.激活虚拟环境 cd myenv cd Scripts activate 激活activate.bat并进入虚拟环境 进入虚拟环境后&#xff0c;命令行前面显示&#xff08;myenv&#xff0…

如何以管理员身份删除node_modules文件

今天拉项目&#xff0c;然后需要安装依赖&#xff0c;但是一直报错&#xff0c;如下&#xff1a; 去搜这个问题会让把node_modules文件先删掉 再去安装依赖。我在删除的过程中会说请以管理员身份来删除。 那么windows如何以管理员身份删除node_modules文件呢&#xff1f; wi…