【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

相关文章

SpringBoot简单整合ElasticSearch实践

《SpringBoot简单整合ElasticSearch实践》Elasticsearch支持结构化和非结构化数据检索,通过索引创建和倒排索引文档,提高搜索效率,它基于Lucene封装,分为索引库、类型... 目录一:ElasticSearch支持对结构化和非结构化的数据进行检索二:ES的核心概念Index:

Java方法重载与重写之同名方法的双面魔法(最新整理)

《Java方法重载与重写之同名方法的双面魔法(最新整理)》文章介绍了Java中的方法重载Overloading和方法重写Overriding的区别联系,方法重载是指在同一个类中,允许存在多个方法名相同... 目录Java方法重载与重写:同名方法的双面魔法方法重载(Overloading):同门师兄弟的不同绝

Spring配置扩展之JavaConfig的使用小结

《Spring配置扩展之JavaConfig的使用小结》JavaConfig是Spring框架中基于纯Java代码的配置方式,用于替代传统的XML配置,通过注解(如@Bean)定义Spring容器的组... 目录JavaConfig 的概念什么是JavaConfig?为什么使用 JavaConfig?Jav

Java数组动态扩容的实现示例

《Java数组动态扩容的实现示例》本文主要介绍了Java数组动态扩容的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1 问题2 方法3 结语1 问题实现动态的给数组添加元素效果,实现对数组扩容,原始数组使用静态分配

Java中ArrayList与顺序表示例详解

《Java中ArrayList与顺序表示例详解》顺序表是在计算机内存中以数组的形式保存的线性表,是指用一组地址连续的存储单元依次存储数据元素的线性结构,:本文主要介绍Java中ArrayList与... 目录前言一、Java集合框架核心接口与分类ArrayList二、顺序表数据结构中的顺序表三、常用代码手动

JAVA项目swing转javafx语法规则以及示例代码

《JAVA项目swing转javafx语法规则以及示例代码》:本文主要介绍JAVA项目swing转javafx语法规则以及示例代码的相关资料,文中详细讲解了主类继承、窗口创建、布局管理、控件替换、... 目录最常用的“一行换一行”速查表(直接全局替换)实际转换示例(JFramejs → JavaFX)迁移建

Spring Boot Interceptor的原理、配置、顺序控制及与Filter的关键区别对比分析

《SpringBootInterceptor的原理、配置、顺序控制及与Filter的关键区别对比分析》本文主要介绍了SpringBoot中的拦截器(Interceptor)及其与过滤器(Filt... 目录前言一、核心功能二、拦截器的实现2.1 定义自定义拦截器2.2 注册拦截器三、多拦截器的执行顺序四、过

JAVA线程的周期及调度机制详解

《JAVA线程的周期及调度机制详解》Java线程的生命周期包括NEW、RUNNABLE、BLOCKED、WAITING、TIMED_WAITING和TERMINATED,线程调度依赖操作系统,采用抢占... 目录Java线程的生命周期线程状态转换示例代码JAVA线程调度机制优先级设置示例注意事项JAVA线程

JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)

《JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)》:本文主要介绍如何在IntelliJIDEA2020.1中创建和部署一个JavaWeb项目,包括创建项目、配置Tomcat服务... 目录简介:一、创建项目二、tomcat部署1、将tomcat解压在一个自己找得到路径2、在idea中添加

Java使用Spire.Doc for Java实现Word自动化插入图片

《Java使用Spire.DocforJava实现Word自动化插入图片》在日常工作中,Word文档是不可或缺的工具,而图片作为信息传达的重要载体,其在文档中的插入与布局显得尤为关键,下面我们就来... 目录1. Spire.Doc for Java库介绍与安装2. 使用特定的环绕方式插入图片3. 在指定位