js手写new操作符

不念不忘少年蓝@ 2023-10-02 12:02 9阅读 0赞

每天一道手写题

--------------------

## 手写new核心代码 ##

function myNew(fn, ...arg) {
                let obj1 = {}
                if (fn.prototype)
                    obj1.__proto__ = fn.prototype
    
                let res = fn.apply(obj1, arg)
                if (res && (typeof res == 'function' || typeof res == 'object'))
                    return res
                return obj1
            }

### 测试 ###

function myNew(fn, ...arg) {
                let obj1 = {}
                if (fn.prototype)
                    obj1.__proto__ = fn.prototype
    
                let res = fn.apply(obj1, arg)
                if (res && (typeof res == 'function' || typeof res == 'object'))
                    return res
                return obj1
            }
    
            function a(name, age, height) {
                this.name = name
                this.age = age
                this.height = height
            }
            a.prototype.sayHi = () => {
                console.log('my name is Li Hua');
            }
            let p = myNew(a, 'giegie', 18, 180)
            console.log(p);
            p.sayHi()

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQV9EX0hfRV9SX0U_size_20_color_FFFFFF_t_70_g_se_x_16][]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAQV9EX0hfRV9SX0U_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/5284677ee56d466e89eedc11cd32d923.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAQV9EX0hfRV9SX0U=,size_20,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 面试问题: 手写 new

操作符可以创建一个用户自定义的对象类型或者创建一个带有构造函数的内置对象类型.方式调用时, 这个函数被当作一个构造函数.有了上面的介绍, 就可以开始写代码了。

Myth丶恋晨/ 2024年05月24日 03:22/ 0 赞/ 107 阅读

相关 JavaScript：new操作符

一、new操作符的作用用于创建一个给定构造函数的实例对象 new操作符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。二、new一个构造函

痛定思痛。/ 2024年03月22日 12:52/ 0 赞/ 104 阅读

相关 js手写new操作符

每天一道手写题 -------------------- 手写new核心代码 function myNew(fn, ...arg) {

不念不忘少年蓝@/ 2023年10月02日 12:02/ 0 赞/ 10 阅读

相关 JS手写实现new的实现方式

function Father(name) { this.name = name this.sayWorld = function (

悠悠/ 2022年12月27日 04:56/ 0 赞/ 187 阅读

相关 JS 手写 new

JS 手写 new <!DOCTYPE html> <html lang="en"> <head> <meta

深藏阁楼爱情的钟/ 2022年11月01日 04:20/ 0 赞/ 56 阅读

相关 new操作符

1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 2、属性和方法被加入到 this 引用的对象中。 3、新创建

男娘i/ 2022年07月15日 09:22/ 0 赞/ 268 阅读

相关 new本质（原理），手写实现一个 new

灵魂两问： 1. new 的原理是什么？ 2. 通过 new 的方式创建对象和通过字面量创建有什么区别？生成对象方式 let a = {age: 1};

系统管理员/ 2022年03月17日 02:46/ 0 赞/ 344 阅读

相关手写一个new操作符

代码 // 实现一个new操作符 function myNew() { // 创建一个新对象obj l

太过爱你忘了你带给我的痛/ 2021年09月30日 03:12/ 0 赞/ 369 阅读

相关手写new

new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 function Foo(name){ this.name = name

系统管理员/ 2021年09月20日 00:34/ 0 赞/ 388 阅读

相关 JS中new操作符做了什么？

1.new操作符做了什么 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作：创建一个空的简单JavaSc

ゝ一纸荒年。/ 2021年08月28日 21:53/ 0 赞/ 410 阅读