【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

相关文章

如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别详解

《如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别详解》:本文主要介绍如何通过海康威视设备网络SDK进行Java二次开发摄像头车牌识别的相关资料,描述了如何使用海康威视设备网络SD... 目录前言开发流程问题和解决方案dll库加载不到的问题老旧版本sdk不兼容的问题关键实现流程总结前言作为

0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

《0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeekR1模型的操作流程》DeepSeekR1模型凭借其强大的自然语言处理能力,在未来具有广阔的应用前景,有望在多个领域发... 目录0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型,3步搞定一个应

SpringBoot中使用 ThreadLocal 进行多线程上下文管理及注意事项小结

《SpringBoot中使用ThreadLocal进行多线程上下文管理及注意事项小结》本文详细介绍了ThreadLocal的原理、使用场景和示例代码,并在SpringBoot中使用ThreadLo... 目录前言技术积累1.什么是 ThreadLocal2. ThreadLocal 的原理2.1 线程隔离2

springboot将lib和jar分离的操作方法

《springboot将lib和jar分离的操作方法》本文介绍了如何通过优化pom.xml配置来减小SpringBoot项目的jar包大小,主要通过使用spring-boot-maven-plugin... 遇到一个问题,就是每次maven package或者maven install后target中的ja

Java中八大包装类举例详解(通俗易懂)

《Java中八大包装类举例详解(通俗易懂)》:本文主要介绍Java中的包装类,包括它们的作用、特点、用途以及如何进行装箱和拆箱,包装类还提供了许多实用方法,如转换、获取基本类型值、比较和类型检测,... 目录一、包装类(Wrapper Class)1、简要介绍2、包装类特点3、包装类用途二、装箱和拆箱1、装

如何利用Java获取当天的开始和结束时间

《如何利用Java获取当天的开始和结束时间》:本文主要介绍如何使用Java8的LocalDate和LocalDateTime类获取指定日期的开始和结束时间,展示了如何通过这些类进行日期和时间的处... 目录前言1. Java日期时间API概述2. 获取当天的开始和结束时间代码解析运行结果3. 总结前言在J

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

最长公共子序列问题的深度分析与Java实现方式

《最长公共子序列问题的深度分析与Java实现方式》本文详细介绍了最长公共子序列(LCS)问题,包括其概念、暴力解法、动态规划解法,并提供了Java代码实现,暴力解法虽然简单,但在大数据处理中效率较低,... 目录最长公共子序列问题概述问题理解与示例分析暴力解法思路与示例代码动态规划解法DP 表的构建与意义动

Java多线程父线程向子线程传值问题及解决

《Java多线程父线程向子线程传值问题及解决》文章总结了5种解决父子之间数据传递困扰的解决方案,包括ThreadLocal+TaskDecorator、UserUtils、CustomTaskDeco... 目录1 背景2 ThreadLocal+TaskDecorator3 RequestContextH

关于Spring @Bean 相同加载顺序不同结果不同的问题记录

《关于Spring@Bean相同加载顺序不同结果不同的问题记录》本文主要探讨了在Spring5.1.3.RELEASE版本下,当有两个全注解类定义相同类型的Bean时,由于加载顺序不同,最终生成的... 目录问题说明测试输出1测试输出2@Bean注解的BeanDefiChina编程nition加入时机总结问题说明