讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript对象如何创建和访问_理解原型链和对象继承的关键是什么【教程】

星晨姑娘_9445

星晨姑娘_9445

发布时间:2026-01-17 21:55:26

|

784人浏览过

|

来源于php中文网

原创

JavaScript对象创建有三种方式:{}字面量等价于new Object(),原型指向Object.prototype;new Foo()使实例__proto__指向Foo.prototype;Object.create(proto)可直接指定原型,如Object.create(null)生成无原型的纯净对象。

javascript对象如何创建和访问_理解原型链和对象继承的关键是什么【教程】

对象创建的三种常见方式及其本质区别

JavaScript 中所有对象都源自 Object.prototype,但创建方式直接影响原型链起点和可扩展性。

  • 字面量 {}:最常用,等价于 new Object(),原型指向 Object.prototype
  • 构造函数 new Foo():实例的 __proto__ 指向 Foo.prototype,而 Foo.prototype.__proto__ 仍为 Object.prototype
  • Object.create(proto):直接指定原型,比如 Object.create(null) 会跳过 Object.prototype,得到“纯净”空对象(无 toString 等方法)

注意:class 语法只是语法糖,底层仍是基于原型的构造函数,class A extends B 会自动设置 A.prototype.__proto__ === B.prototype。

访问属性时 [[Get]] 的完整查找路径

当你写 obj.x,引擎不会只查 obj 自身,而是按规范执行 [[Get]] 操作:

  • 先检查 obj 自身是否有 x(自有属性,Object.hasOwn(obj, 'x') 可检测)
  • 没有则沿 obj.__proto__ 向上查找,直到 null
  • 若找到,返回值;若到顶都没找到,返回 undefined

关键点:访问过程不触发 setter,也不进入 getter(除非是 accessor 属性),且 for...in 和 Object.keys() 行为不同——前者遍历**可枚举的自身 + 原型链属性**,后者只返回**自身可枚举属性**。

立即学习“Java免费学习笔记(深入)”;

Java调试
Java调试

通过 JDWP 实现 Java 远程调试:连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。 术语注解 JDWP:Java Debug Wire Protocol,Java 调试有线协议(Java 远程调试底层通信协议) remote JVM:远程 Java 虚拟机 step through code:代码单步调试(步入 / 步过 / 步出调试) inspect variables:变量查看 / 变量检视 stac

下载

为什么修改 prototype 会影响所有实例,但重赋值 constructor 不影响?

因为实例的 __proto__ 在创建时就固定指向其构造函数的 prototype 对象,后续对 Foo.prototype 的增删改都会实时反映在实例上:

function Person(name) { this.name = name; }
Person.prototype.say = function() { return 'Hi'; };
const p = new Person('Alice');
console.log(p.say()); // 'Hi'

Person.prototype.say = function() { return 'Hello'; };
console.log(p.say()); // 'Hello' —— 已更新

但如果你写 Person.prototype = { speak() {} },相当于把原来那个被实例引用的原型对象替换成新对象,旧实例的 __proto__ 仍指向老对象,不会自动切换。此时必须手动修复 constructor(如 Person.prototype.constructor = Person),否则 p.constructor 会变成 Object。

继承中容易忽略的两个细节

实现继承时,仅设置 Child.prototype = Object.create(Parent.prototype) 是不够的:

  • 忘记调用父类构造函数 → 子类实例缺少父类初始化的自有属性(如 this.name)
  • 没绑定 this → 在子类构造函数里用 Parent.call(this, ...) 才能确保父类逻辑作用于当前实例

现代写法推荐用 extends + super(),它自动处理原型链和 this 绑定;但若手写,必须同时做两件事:原型链连接 + 构造函数调用。漏掉任一环节,继承就是“形似而神不至”。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

549

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1698

2024.03.01

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

4416

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

326

2025.12.06

undefined是什么
undefined是什么

undefined是代表一个值或变量不存在或未定义的状态。它可以作为默认值来判断一个变量是否已经被赋值,也可以用于设置默认参数值。尽管在不同的编程语言中,undefined可能具有不同的含义和用法,但理解undefined的概念可以帮助我们更好地理解和编写程序。本专题为大家提供undefined相关的各种文章、以及下载和课程。

12185

2023.07.31

网页undefined是什么意思
网页undefined是什么意思

网页undefined是指页面出现了未知错误的意思,提示undefined一般是在开发网站的时候定义不正确或是转换不正确,或是找不到定义才会提示undefined未定义这个错误。想了解更多的相关内容,可以阅读本专题下面的文章。

5527

2024.08.14

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

2516

2025.12.25

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

20

2026.11.05

DBeaver安全防护教程大全
DBeaver安全防护教程大全

DBeaver安全防护专题,围绕数据库连接安全、账号密码保护和访问权限管理展开,整理SSL/TLS加密连接、SSH隧道、数据库凭据保存及证书验证等配置方法,同时介绍敏感信息保护、远程连接风险和高权限账号使用等注意事项,帮助用户提高数据库日常管理的安全性。

20

2026.11.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn