js 手写篇-手写Object.create()

最新推荐文章于 2025-05-15 18:07:51 发布

原创最新推荐文章于 2025-05-15 18:07:51 发布 · 406 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #原型模式

手写专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何手动实现JavaScript中Object.create()方法的功能。通过创建一个空的构造函数，并将其原型设置为指定对象，然后返回该构造函数的一个新实例，以此来模拟Object.create()的行为。

手写Object.create()
Object.create(obj)

let names = {
	name: "gdy";
}
let student = Object.create(names);
console.log(student.__proto__) // {name: 'gdy'}

Object.create的作用是把传入的对象参数作为新建对象的原型属性
实现：

function objectCreate(obj){
	function F(){};  // 构造函数
	F.prototype = obj; // obj 作为构造函数原型的属性
	return new F(); // 返回一个实例对象 就像 `let ff = new F();  return ff`
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Allez_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue-router3源码注解系列 /src/create-route-map.js

qq_36723759的博客

03-25

851

/* @flow */ /* 用于路径匹配的正则表达式对象。 */ import Regexp from 'path-to-regexp' //用于清理 uri 上连续重复的 / 。 import { cleanPath } from './util/path' //断言，警告。 import { assert, warn } from './util/warn' /* createRouteMap() 函数: 第一个参数 routes 就是 new VueRouter( { routes

第五章路由事件

最新发布

beyond谚语的博客

11-29

996

路由事件小笔记

参与评论您还未登录，请先登录后发表或查看评论

js代码-手写Object.create

07-16

js代码-手写Object.create

js代码-手写代码练习---extend 与 Object.create 实现

07-16

js代码-手写代码练习---extend 与 Object.create 实现

JavaScript 手写 Object.create 函数

靖凡无所畏惧的个人博客

03-01

992

前言：今天给大家分享一下手写 Object.create 函数。代码： function myCreate(o){ function F(){} F.prototype = o; return new F() }

手写 Object.create

csD_Dscnnnnnnn的博客

03-24

789

手写 Object.create

手写Object.create

车联网开发的博客

09-25

413

Object.create = function(obj){ const fNop = function(){}; fNop.prototype = obj; return new fNop() } const obj = { name: 'ydj', sex: 'male', age: 20 } const p1 = Object.create(obj); console.log(p1)

手写Object.create()

weixin_43484007的博客

06-07

317

Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。语法: Object.create(proto, [propertiesObject])返回值：一个新对象，带着指定的原型对象和属性思路：将传入的对象作为原型...

JavaScript手写实现Object.create()

雨落宿命敲的博客

09-26

710

要定义其可枚举属性或修改的属性描述符的对象。对象中存在的属性描述符主要有两种：数据描述符和访问器描述符（更多详情，请参阅 Object.defineProperties()第二个参数如果不为 undefined ,需要将其挂载到实例的 Object.defineProperties 上。第一个参数类型只能是object、function，否则报错。第一个传递null时，返回的实例原型为null。第二个参数类型，不能是null，否则报错。在其上定义或修改属性的对象。的属性，这里顺带讲解下。

JavaScript继承系列之手写Object.create

qq_44752117的博客

04-20

1332

JavaScript系列之手写Object.create 在开始手写咱们的Object.create方法之前，我们首先来看一种继承方式，那就是原型式继承。原型式继承，是道格拉斯·克罗克提出的。这种继承方法没有使用严格意义上的构造函数。他的想法是借助原型可以基于已有的对象创建新对象，同时还不必因此创建自定义类型，以下是他提出的函数模型 function object(o){ function F...

【JavaScript手撕代码】Object.create()

前端小白, 稀土：雩风十六

09-10

400

手写Object.create()

JS手写ES6的Object.create方法

热爱前端的大三在校生

10-31

754

Object.create() 方法用于创建一个新对象，使用现有的对象来作为新创建对象的原型（prototype）。Object.defineProperties()方法直接在一个对象上定义新的属性或修改现有属性，并返回该对象。Object.create 返回值：一个新对象，带着指定的原型对象及其属性。很多框架源码作者使用它来初始化一个新的对象，难道是最佳实践？通过Object.create(null)创建出来的对象，没有任何属性，显示No properties。

2、手写 Object.create

imkaifan的博客

09-23

449

手写 Object.create 用来搞继承还是很香的在es6之前的刀耕火种时代，肯定有利用手写 Object.create进行类的继承的一个时期 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="v

手写Object.create(),call函数,bind函数

2202_75345049的博客

03-11

723

在这段代码中，我们将原始函数存储在 that 变量中，然后返回一个新的函数。这个新函数在调用时将使用 apply 方法来调用原始函数，将 target 作为 this 值，并将预先传入的参数 args 与实际调用时传入的参数 innerArgs 进行合并。该函数的目的是在给定的对象 obj 上调用当前函数，并传递参数 args。在函数内部，首先将当前函数（即调用 _call 的函数）作为 obj 对象的属性 fn。语法调用 obj 对象的 fn 属性，并将参数 args 传递给该函数。最后，返回调用结果。

js手写object.create方法

weixin_43595755的博客

06-28

2159

function create(pro) { function F() {} F.prototype = pro; return new F(); }

手写实现Object.create

混世小妲己

02-02

242

实现Object.create

JS手写代码篇---手写 Object.create

2403_88913721的博客

05-15

345

在手写代码时，理解代码的作用和实现效果是关键。以手写 Object.create 为例，其核心思路是创建一个新对象，并将传入的对象作为其原型。通过定义一个构造函数 F，将其原型设置为传入的对象 obj，然后返回 F 的实例，即可实现类似 Object.create 的功能。测试结果表明，手写的 create 函数与原生 Object.create 方法效果一致，成功创建了以 person 为原型的新对象 child1。