JS【详解】对象的内部属性 vs 内部方法

每个JS 对象都有很多内部属性和方法,仅供 JS 引擎管理和操作对象使用,对开发者不可见,只能用特殊的方法访问和修改(不建议修改)

了解它们可以帮助我们更好的理解对象的行为,无需深究其具体实现

下文中,[[]] 只是表示其为内部属性/方法,不能在代码中使用

内部属性

\[Prototype] 对象的原型

js 复制代码
// 访问 [[Prototype]] 的方法
Object.getPrototypeOf(目标对象) // 得到该对象的原型,如 Object.prototype

\[Class] 对象的类型

js 复制代码
// 访问 [[Class]] 的方法
Object.prototype.toString.call(目标对象) // 得到该对象的类型,如'[object Object]'

【应用】获取任意变量的数据类型

js 复制代码
/**
 * 获取任意变量的类型
 *
 * @param x 变量
 * @returns 返回变量的类型名称(小写字母)
 */
function getType(x) {
  // 获取目标数据的私有属性 [[Class]] 的值
  const originType = Object.prototype.toString.call(x); // 以字符串为例:'[object String]'
  // 获取类型属性值中' '的下标
  const spaceIndex = originType.indexOf(" ");
  // 截取类型属性值中' '到末尾']'之间的字符串
  const type = originType.slice(spaceIndex + 1, -1); // 以字符串为例:'String'
  // 将字符串转换为小写
  return type.toLowerCase(); //以字符串为例:'string'
}

\[Extensible] 对象是否可扩展

即,是否可以添加新属性,默认为 true

js 复制代码
// 访问 [[Extensible]] 的方法
Object.isExtensible(目标对象) // true

阻止对象添加新属性

js 复制代码
Object.preventExtensions(目标对象) // [[Extensible]] 变为false

内部方法

内部方法是JavaScript引擎的内部实现细节,因此它们的具体实现和名称可能会因不同的JavaScript引擎而异。

\[Get]

获取对象属性的值

通过 obj.prop 或 obj"prop" 获取对象属性值时,JS 引擎内调用此方法

\[Put]

设置对象属性的值

通过 obj.prop = value 或 obj"prop" = value 修改对象属性值时,JS 引擎内调用此方法

\[HasProperty]

检查对象是否包含某个属性

使用 in 操作符或 Object.hasOwnProperty() 等方法来检查对象是否包含某个属性时,JS 引擎内调用此方法

\[Delete]

删除属性

delete 操作符删除对象属性时,JS 引擎内调用此方法

\[DefineOwnProperty]

在对象上定义或修改属性

使用 Object.defineProperty() 方法来定义或修改对象的属性时,JS 引擎内调用此方法

\[Enumerate]

枚举对象的属性

相关推荐
半个落月10 小时前
LangSmith 全链路观测(下):用 Dataset 与 LLM Judge 量化评估 RA
javascript·langchain
半个落月10 小时前
LangSmith 全链路观测(上):用 LangGraph 与 Milvus 构建可追踪的 RAG 客服
javascript·langchain
半个落月11 小时前
LangChain.js Agent 中间件实战:生命周期、动态工具与文件权限
javascript·langchain
志尊宝12 小时前
Vue3 零基础每日笔记(082):文件上传实战——el-upload 校验、自定义上传、头像预览
前端·javascript·vue.js·笔记·#javascript·#vue.js
bmxy小明同学18 小时前
2026-10-11-幻觉治理
服务器·前端·javascript
m0_5873830018 小时前
无人自助拼豆系统落地开发实战指南 核心逻辑实现与部署经验分享
前端·javascript·vue.js·人工智能·经验分享·需求分析
zhaiyy18 小时前
HTML Popover API 实践
前端·javascript·html
OpsEye19 小时前
企业 AI 管理新需求:不仅要接入模型,还要看懂每一次调用
javascript·ai编程
牧艺19 小时前
SPA 也能像原生 App:View Transitions API 从原理到可上线实战
前端·javascript·css
Dovis(誓平步青云)19 小时前
现场问题先关闭还是先验收,建筑任务怎样处理依赖
前端·javascript·数据库·mysql·音视频