【JavaScript基础】课堂笔记2【Obejct对象】

2023-12-31 13:48

本文主要是介绍【JavaScript基础】课堂笔记2【Obejct对象】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

标准库

Object对象

  • JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例
  • Object对象的原生方法分成两类:Object本身的方法与Object的实例方法。
    • 本身方法就是直接定义在Object对象的方法。
    • 实例方法就是定义在Object原型对象Object.prototype上的方法。可以被Object实例直接使用。
    • 凡是定义在Object.prototype对象上面的属性和方法,将被所有实例对象共享就可以了。

Object()

  • 本身是一个函数,可以当作工具方法使用,将任意值转为对象。
  • 如果参数是原始类型的值,Object方法将其转为对应的包装对象的实例
    在这里插入图片描述
  • 如果Object方法的参数是一个对象,它总是返回该对象,即不用转换。
  • 可以利用这一点,写一个判断变量是否为对象的函数。(不过似乎也没啥用?

Object 构造函数

  • Object构造函数的首要用途,是直接通过它来生成新对象。
var obj = new Object()  //两者等价
var obj = {}
  • 用法和工具方法(Object())很类似,但语义不同。
  • Object(value)表示将value转成一个对象;new Object(value)则表示新生成一个对象,它的值是value。

Object 的静态方法

  • 即部署在Object对象自身的方法。
  • Object.keys(),Object.getOwnPropertyNames():用来遍历对象的属性;接受一个对象参数,返回一个自身的(不是继承的)属性名数组。
    区别: Object.keys方法只返回可枚举的属性,比较常用。
  • 可以用这两个方法计算对象属性个数。:Object.keys(obj).length

Object 的实例方法

  • 定义在Object.prototype对象的方法,所有Object的实例对象都继承了这些方法。
  • Object.prototype.valueOf() :返回一个对象的“值”,默认情况下返回对象本身;可以自定义 obj.valueOf,覆盖Object.prototype.valueOf。
  • Object.prototype.toString() :返回一个对象的字符串形式,默认情况下返回类型字符串。可以用来判断一个值的类型。
    数组、字符串、函数、Date 对象都分别部署了自定义的toString方法,覆盖了Object.prototype.toString方法。
[1, 2, 3].toString() // "1,2,3"

由于实例对象可能会自定义toString方法,覆盖掉Object.prototype.toString方法,所以为了得到类型字符串,最好直接使用Object.prototype.toString方法。通过函数的call方法,可以在任意值上调用这个方法,帮助我们判断这个值的类型。比typeof运算符更准确的类型判断。

Object.prototype.toLocaleString()

  • 与toString的返回结果相同,也是返回一个值的字符串形式。
  • 区别&作用:留出一个接口,让各种不同的对象实现自己版本的toLocaleString,用来返回针对某些地域的特定的值。
  • 例子:日期的实例对象的toString和toLocaleString返回值就不一样,而且toLocaleString的返回值跟用户设定的所在地域相关。

Object.prototype.hasOwnProperty()

  • 接受一个字符串作为参数,返回一个布尔值,表示该实例对象自身是否具有该属性。

属性描述对象

  • 每个属性都有自己对应的属性描述对象(内部数据结构),保存该属性的一些元信息

6个元属性

  1. value:该属性的属性值,默认为undefined;writable和configurable都为false时才不可修改。writable为false时,不能用直接赋值的方式修改,用Object.defineProperty()才可以。表示(虽然此时不可写,但我直接把你整个属性重新定义一下,值肯定也改了)
  2. writable(布尔值):表示属性值(value)是否可改变(即是否可写),默认为true。
  3. enumerable(布尔值):表示该属性是否可遍历,默认为true。(实例对象继承的原生属性(如toString,都是不可遍历的);可以用来设置“秘密”属性。
  4. configurable(布尔值):表示属性的可配置性,默认为true。决定了writable、enumerable、configurable是否可修改;决定了目标属性是否可以被删除(delete)。。属性描述对象的可写性。例外:writable为true改false是允许的。
  5. get:表示该属性的取值函数(getter),默认为undefined。不能接受参数。
  6. set:表示该属性的存值函数(setter),默认为undefined。只能接受属性的值(一个参数)

Object.getOwnPropertyDescriptor()

  • 获取属性描述对象,只能用于对象自身的属性。
  • 第一个参数是目标对象,第二个参数是一个字符串,对应目标对象的某个(或者某几个)属性名。

Object.getOwnPropertyNames()

  • 返回一个数组,成员是参数对象自身的全部属性的属性名,不管该属性是否可遍历。
  • 与Object.keys区别:Object.keys只返回对象自身的可遍历属性的全部属性名。

Object.defineProperty(),Object.defineProperties()

  • Object.defineProperty()方法允许通过属性描述对象,定义(此时的object是{})或修改(就类似update)一个属性,然后返回修改后的对象,它的用法如下。
Object.defineProperty(object, propertyName, attributesObject)
  • 一次性定义或修改多个属性,可以使用Object.defineProperties()方法。
  • 一旦定义了取值函数get(或存值函数set),就不能将writable属性设为true,或者同时定义value属性,否则会报错。
  • 覆盖属性描述对象(就是再用一次Object.defineProperty()),原型链会被完全忽视(可以用来更新子对象的属性值,忽视原型的继承)
  • 用这个方法来定义的话,未提到的属性描述对象的元属性会变false.在这里插入图片描述
  • (所以还是用来修改的时候比较多吧?不然容易定义一个不可遍历,不可写的属性。)

Object.prototype.propertyIsEnumerable()

实例对象的propertyIsEnumerable()方法返回一个布尔值,用来判断某个属性是否可遍历。注意,这个方法只能用于判断对象自身的属性,对于继承的属性一律返回false。

存取器accessor

  • 使用set/get属性的函数。
  • 对目标属性定义了存取器,存取的时候,执行对应的函数。可以定制属性的读取和赋值行为。在这里插入图片描述
    (读取和赋值的行为就是定制的)
    在这里插入图片描述
    这种方法更常用。
  • 存取器往往用于,属性的值依赖对象内部数据(内部还要由定义一下的)的场合。

对象的(属性的)拷贝

  • 用Object.defineProperty方法。
var extend = function (to, from) {for (var property in from) {if (!from.hasOwnProperty(property)) continue;  //过滤掉继承的属性Object.defineProperty(to,property,Object.getOwnPropertyDescriptor(from, property));}return to;
}extend({}, { get a(){ return 1 } })
// { get a(){ return 1 } })

这种方法可以拷贝存取器定义的属性。(也就是它拷贝对象属性的话是最全的)

控制对象状态

  • 有时需要冻结对象的读写状态,防止对象被改变。JavaScript 提供了三种冻结方法,最弱的一种是Object.preventExtensions,其次是Object.seal,最强的是Object.freeze
  • Object.preventExtensions方法可以使得一个对象无法再添加新的属性Object.preventExtensions(obj(对象名));这样操作一次;
    • `Object.isExtensible()`用来检查一个对象是否使用过上述方法,返回布尔值。
      
  • Object.seal方法使得一个对象既无法添加新属性也无法删除旧属性
    • 实质是把属性描述对象的configurable属性设为false,因此属性描述对象不再能改变了。
    • 只是禁止新增或删除属性,并不影响修改某个属性的值。(当然了,这个和元属性的性质相关的)
    • Object.isSealed()用来检查一个对象是否使用过上述方法,返回布尔值。(只是检查是否用过这一方法,不是用来确认此时对象和属性的关系)
  • Object.freeze()可以使得一个对象无法添加新属性无法删除旧属性、也无法改变属性的值,使得这个对象实际上变成了常量
    • Object.isFrozen方法用于检查一个对象是否使用了Object.freeze方法。
    • 使用Object.freeze方法以后,Object.isSealed将会返回true,Object.isExtensible返回false。为什么呢0 0难道,它的实现实质是把configurable和writable置为false?由于实质的区别,所以判断也区别?
    • 用途之一:确认某个对象没有被冻结后,再对它的属性赋值。(if里取反判断)

局限性

1.在这里插入图片描述
一种解决方案是,把对象的原型对象也冻住(定义,使用方法)(幸好一个对象也只有一个原型吧0 0)
2、在这里插入图片描述

一些补充

  • instanceof运算符用来验证,一个对象是否为指定的构造函数的实例
  • 数组自身属性length,不可遍历。【或许也是自身的唯一属性?】
  • Object.prototype,所有实例对象都会继承它,它自身的属性都是不可遍历的在这里插入图片描述
    ·对象的方法:Object.XXX,(使用时往往要把实例对象的名字作为参数传递
    实例对象的方法:obj(实例对象的名字).XXX

这篇关于【JavaScript基础】课堂笔记2【Obejct对象】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/556206

相关文章

Spring Boot中WebSocket常用使用方法详解

《SpringBoot中WebSocket常用使用方法详解》本文从WebSocket的基础概念出发,详细介绍了SpringBoot集成WebSocket的步骤,并重点讲解了常用的使用方法,包括简单消... 目录一、WebSocket基础概念1.1 什么是WebSocket1.2 WebSocket与HTTP

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

java中反射Reflection的4个作用详解

《java中反射Reflection的4个作用详解》反射Reflection是Java等编程语言中的一个重要特性,它允许程序在运行时进行自我检查和对内部成员(如字段、方法、类等)的操作,本文将详细介绍... 目录作用1、在运行时判断任意一个对象所属的类作用2、在运行时构造任意一个类的对象作用3、在运行时判断

java如何解压zip压缩包

《java如何解压zip压缩包》:本文主要介绍java如何解压zip压缩包问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java解压zip压缩包实例代码结果如下总结java解压zip压缩包坐在旁边的小伙伴问我怎么用 java 将服务器上的压缩文件解压出来,

SpringBoot中SM2公钥加密、私钥解密的实现示例详解

《SpringBoot中SM2公钥加密、私钥解密的实现示例详解》本文介绍了如何在SpringBoot项目中实现SM2公钥加密和私钥解密的功能,通过使用Hutool库和BouncyCastle依赖,简化... 目录一、前言1、加密信息(示例)2、加密结果(示例)二、实现代码1、yml文件配置2、创建SM2工具

Spring WebFlux 与 WebClient 使用指南及最佳实践

《SpringWebFlux与WebClient使用指南及最佳实践》WebClient是SpringWebFlux模块提供的非阻塞、响应式HTTP客户端,基于ProjectReactor实现,... 目录Spring WebFlux 与 WebClient 使用指南1. WebClient 概述2. 核心依

Spring Boot @RestControllerAdvice全局异常处理最佳实践

《SpringBoot@RestControllerAdvice全局异常处理最佳实践》本文详解SpringBoot中通过@RestControllerAdvice实现全局异常处理,强调代码复用、统... 目录前言一、为什么要使用全局异常处理?二、核心注解解析1. @RestControllerAdvice2

Spring IoC 容器的使用详解(最新整理)

《SpringIoC容器的使用详解(最新整理)》文章介绍了Spring框架中的应用分层思想与IoC容器原理,通过分层解耦业务逻辑、数据访问等模块,IoC容器利用@Component注解管理Bean... 目录1. 应用分层2. IoC 的介绍3. IoC 容器的使用3.1. bean 的存储3.2. 方法注

Spring事务传播机制最佳实践

《Spring事务传播机制最佳实践》Spring的事务传播机制为我们提供了优雅的解决方案,本文将带您深入理解这一机制,掌握不同场景下的最佳实践,感兴趣的朋友一起看看吧... 目录1. 什么是事务传播行为2. Spring支持的七种事务传播行为2.1 REQUIRED(默认)2.2 SUPPORTS2

怎样通过分析GC日志来定位Java进程的内存问题

《怎样通过分析GC日志来定位Java进程的内存问题》:本文主要介绍怎样通过分析GC日志来定位Java进程的内存问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、GC 日志基础配置1. 启用详细 GC 日志2. 不同收集器的日志格式二、关键指标与分析维度1.