【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 Security简介、使用与最佳实践

《SpringSecurity简介、使用与最佳实践》SpringSecurity是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架,本文给大家介绍SpringSec... 目录一、如何理解 Spring Security?—— 核心思想二、如何在 Java 项目中使用?——

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot?二、环境准备与部署2.1 安装 RustF

springboot中使用okhttp3的小结

《springboot中使用okhttp3的小结》OkHttp3是一个JavaHTTP客户端,可以处理各种请求类型,比如GET、POST、PUT等,并且支持高效的HTTP连接池、请求和响应缓存、以及异... 在 Spring Boot 项目中使用 OkHttp3 进行 HTTP 请求是一个高效且流行的方式。

java.sql.SQLTransientConnectionException连接超时异常原因及解决方案

《java.sql.SQLTransientConnectionException连接超时异常原因及解决方案》:本文主要介绍java.sql.SQLTransientConnectionExcep... 目录一、引言二、异常信息分析三、可能的原因3.1 连接池配置不合理3.2 数据库负载过高3.3 连接泄漏

javacv依赖太大导致jar包也大的解决办法

《javacv依赖太大导致jar包也大的解决办法》随着项目的复杂度和依赖关系的增加,打包后的JAR包可能会变得很大,:本文主要介绍javacv依赖太大导致jar包也大的解决办法,文中通过代码介绍的... 目录前言1.检查依赖2.更改依赖3.检查副依赖总结 前言最近在写项目时,用到了Javacv里的获取视频

Java实现字节字符转bcd编码

《Java实现字节字符转bcd编码》BCD是一种将十进制数字编码为二进制的表示方式,常用于数字显示和存储,本文将介绍如何在Java中实现字节字符转BCD码的过程,需要的小伙伴可以了解下... 目录前言BCD码是什么Java实现字节转bcd编码方法补充总结前言BCD码(Binary-Coded Decima

SpringBoot全局域名替换的实现

《SpringBoot全局域名替换的实现》本文主要介绍了SpringBoot全局域名替换的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录 项目结构⚙️ 配置文件application.yml️ 配置类AppProperties.Ja

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

JavaScript中的高级调试方法全攻略指南

《JavaScript中的高级调试方法全攻略指南》什么是高级JavaScript调试技巧,它比console.log有何优势,如何使用断点调试定位问题,通过本文,我们将深入解答这些问题,带您从理论到实... 目录观点与案例结合观点1观点2观点3观点4观点5高级调试技巧详解实战案例断点调试:定位变量错误性能分

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H