手写new方法

最新推荐文章于 2024-07-11 18:00:32 发布
最新推荐文章于 2024-07-11 18:00:32 发布
阅读量188 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_66051368/article/details/124152840
版权 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function Student(name, age) {
        this.name = name
        this.age = age
      }
      function _new() {
        var obj = {}
        console.log('-----', arguments)
        console.log(arguments instanceof Array) // false
        // arguments是伪数组，不具备数组的方法
        /* var fn = arguments.shift()
        //报错 Uncaught TypeError: arguments.shift is not a function
        */
        var fn = [].shift.call(arguments)
        //任何一个对象的隐式原型指向构造函数的原型（即创建它的构造函数的原型）
        obj.__proto__ = fn.prototype
        var res = fn.apply(obj, arguments)
        return obj
      }
      // var ll = new Student('李雷', 18)
      // console.log(ll)
      // _new(1, 2, 3)
      var ll = _new(Student, '李雷', 18)
      console.log(ll)
    </script>
  </body>
</html>

 

记忆怪 bug
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端手写(十五)——手写new的过程
weixin_47450807的博客
03-30 3247
一、写在前面 我们如果想要手写new的实现过程，就必须要明白，当我们对一个构造函数执行new操作时，到底干了什么。 1、创建一个新对象。 2、让这个新的对象的原型指向该构造函数的原型对象。 3、执行构造函数，并且将构造函数指向新的对象。 4、拿到构造函数最后返回的结果，判断是否是对象或者函数，如果是的话，则直接 返回。如果不是则返回新创建的对象。 二、手写过程 function createNew(con) { let result = Object.create(con.prototype) l
JS如何手写new（一看就懂）
weixin_44206947的博客
05-07 5383
如以下构造函数,使用new关键字： function One(name, age) { this.name = name; this.age = age; } let a = new One(); console.log(a); 手写new，分四步骤，直接贴代码： //Fun为构造函数, args表示传参 function myNew(Fun, ...args) { // 1.在内存中创建一个新对象 let obj = {}; // 2.把新对象的原型
手写原生JS new方法
qq_37366474的博客
01-07 1618
首先需要知道js在new的过程中做了什么: new 一个构造函数的时候 会生成一个新的执行上下文 指向这个返回的实例，而且还会基于实例的隐士原型指向构造函数的显示原型的原则，把这个返回的实例的__proto__ 指向构造函数的prototype 下边来代码说明一下： 1：首先实现一个最老生常谈的 原生 new方法 function Person() { this.name = 'person' console.log(arguments) } Person.prototype.say= fu
手写实现new关键字之两种方法：ES5和ES6
m0_68110835的博客
11-27 982
* 首先创建一个空对象，最后会返回这个对象 *//* 将新对象的对象原型指向构造函数的原型对象 *//* 接下来需要执行构造函数的代码,并将this指向新创建的对象。arguments是个伪数组，第一个参数是构造函数。剩下的参数是需要传入构造函数的参数,经过如下处理，params中存入的是构造函数需要的参数，且是一个真数组*//* 通过apply改变this指向，并执行构造函数获得其执行结果 *//* 根据构造函数的返回值类型决定返回结果*/
04-手写new.md
03-31
能在规定时间内写出功能健全、思路清晰、格式规整的代码，这是前端工程师的必备技能，所以面试时必考手写代码。本章将通过多个面试题，讲解前端常考的写代码问题，并总结出高质量代码的关键点。 ## 为何要考察 ...
js代码-手写new
07-15
总结来说，`js代码-手写new`这个主题涵盖了JavaScript中的`new`操作符的工作机制，以及如何通过编写自定义函数来模拟这一过程。这涉及到原型链、构造函数以及`this`的绑定等核心概念，是深入理解JavaScript面向对象...
JS 手写new方法
dabaicaihaochi的博客
10-22 974
212
手写new函数的详解
myname_Christina的博客
08-09 1340
详细分析手写 new 函数中遇到的细碎问题，多方面解读可能涉及到的知识点！从基础到进阶写法通通都要掌握！！！
手写new
weixin_34273481的博客
03-19 334
new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。function Foo(name){ this.name = name; } let foo = new Foo('小明');复制代码当代码执行new Foo时，会发生以下事情：1. 一个继承自 Foo.prototype 的新对象被创建2. 使用指定的参数调用构造函数 Foo,并将this绑定到新创建的对象3....
JS手写实现new的实现方式
冻书的博客
12-08 1394
function Father(name) { this.name = name this.sayWorld = function () { console.log(`Hello ${this.name}!`) } } // const fa = new Father('小明') // fa.sayWorld() function myNew(that, ...args) { const obj = Object.create(null) obj.
手写new详细版
liguangda的博客
11-19 2325
手写new new操作符做了什么事情： 1.创建一个空对象 将来会返回这个对象 2.调用构造函数，并将构造函数的this指向新创建的对象obj 3.把原型对象的方法给新创建的obj，把obj的__proto__指向构造函数的显式原型 4.判断构造函数的返回值，来决定new的返回值（是构造函数的返回值还是实例化对象） 第一种 function myNew(Func, ...args) { // 创建一个空的对象 const instance = {};
手写实现New的过程
chngfg的博客
12-20 764
function create(fn, ...args) { if(typeof fn !== 'function') { throw 'fn must be a function'; } // 1、用new Object() 的方式新建了一个对象obj // var obj = new Object() // 2、给该对象的__proto__赋值为fn.prototype，即设置原型链 // obj.__proto__ = fn.prototype // 1、2步骤合并.
new本质（原理），手写实现一个 new
薛小科的博客
02-22 7028
灵魂两问： new 的原理是什么？ 通过 new 的方式创建对象和通过字面量创建有什么区别？ 生成对象方式 let a = {age: 1}; console.log(a.age) // 1 function Bar() { this.age = 1; } let b = new Bar(); console.log(typeof a) // object console.log(...
【JS面试题】原生JS手写new方法
菜鸟博客
04-02 2615
function Parent() { this.name = "parent"; this.say = function() { console.log("say") } } Parent.prototype = { walk: f...
js手动实现new方法
你的博客
07-19 5038
new 新生成了一个对象 新对象隐式原型链接到函数原型 调用函数绑定this 返回新对象 核心代码： function _new(fun) { return function() { let obj = { __proto__: fun.prototype } fun.apply(obj, arguments) return obj ...
JavaScript手写new方法
weixin_43613849的博客
11-17 174
正常使用的new方法 function father(name){ this.name=name; this.sayname=function(){ console.log(this.name) } } var son=new father('kimi') dog.sayname(); 手写一个new方法 function father(name){ this.name=name; this.sayname=function(){
vue2 实现原生 WebSocket
最新发布
weixin_38797742的博客
07-11 253
原生WebSocket： new WebSocket。
前端面试要求手写new
08-30
在前端面试中，有时会要求候选人手写实现 `new` 关键字的功能。这是一个常见的面试题，考察面试者对 JavaScript 语言的理解以及原型链的知识。 下面是一个简单的手写 `new` 的实现示例： ```javascript function ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

记忆怪 bug

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值