new一个对象

1.自己直接调用

    function Person(name, age) {

      this.name = name;

      this.age = age;

    }



    let a1 = new Person("小明", 20);

    let a2 = new Person("小菜", 25);

    console.log(a1);

打印的对象:

2.自己模拟一个

    function Person(name, age) {
      this.name = name;
      this.age = age;
    }
    
    function _new(r,...args){
      console.log(...args,123456);
      // 1.创建一个空对象
      let obj={}
      // 2.r代表要构造的函数
      obj.__proto__=r.prototype
      // 3.改变this的指向
      const t=r.apply(obj,args)
        // 4.判断t的数据类型是一个函数或者是一个对象      
      const isTrue=t&&typeof t==='function'||typeof t==='object'
      // 5.返回创建的空对象
      return isTrue?t:obj

    }

    let a1 = _new (Person,'小明',20 )
    let a2 = _new (Person,'小蔡',25 )

    console.log(a1);
    console.log(a2);

1.首先创建一个空对对象

2.将原始函数的prototype指向新对象的__proto__属性

3.改变this的指向,将this指向新创建的对象,并传入this

4.判断返回值,如果是function或者object就返回

3.实例化对象的另一种写法

    class Person {
      constructor(name, age) {
        this.name = name;
        this.age = age;
      }
      eat() {
        console.log("吃苹果");
      }
    }
    let a1 = new Person("小明", 20);
    

实例化对象的__proto_能够访问构造函数的prototype,因此我们每次new一个新的对象出来,

都能访问到类上挂载的方法,下面我们来证明:

(1)例子1:不同两个实例化对象的__proto__是否相等

    let a1 = new Person("小明", 20);
    let a2 = new Person("小蔡", 25);

    console.log(a1.__proto__===a2.__proto__);   代码举例子1

打印的结果是true:很明显是一个相同的地址。

(2)例子2:实例化对象的__proto__指向构造函数的prototype

console.log(a1.__proto__===Person.prototype);

返回的结果也是true,通过这个例子就很好地解释了prototype的重要性,在prototype对象上放置

方法,没new出一个实例化对象,都使用的是同一快内存的空间,大大节省了内存。

(3)如果在类上加方法,直接将方法挂载到类的原型上

   console.log(Person.prototype);

constructor:指回这个类,也就是XXX.prototype  这个constructor指回来

(4)没有构造器的情况

 function Person(name, age) {
      this.name = name;
      this.age = age;
    }
    Person.prototype.eat=function(){
      console.log('吃苹果');
    }
    let a1=new Person('小明',20)
    console.log(Person.prototype);

这是没用构造器的写法。

4.有无构造器(constructor)的构造函数

(1)有的情况:

方法直接挂载到类的原型上。

(2)没有的情况

将方法挂载到函数的原型上也就是prototype。

5.constructor的用法

告诉我们是从那个类new出来的。

另外一种函数写法:

   function Person(name, age) {
      this.name = name;
      this.age = age;
    }
    Person.prototype.eat=function(){
      console.log('吃苹果');
    }
    // console.log( Person.prototype);
    let a1=new Person('小明',20)
    console.log(a1);

总而言之,constructor]是指回去,告诉你它是从哪里来的。

6.复习原型链

 

上图中想表达的是在object这个函数的prototype挂载了很多的方法,根据原型链的查找规则:

  1. 当访问一个实例对象的属性 (包括方法)时,首先查找这个实例对象自身有没有该属性;
  2. 如果没有就查找它的原型 (也就是__proto__指向的prototype原型对象)上是否有这个方法;
  3. 如果还没有就查找原型对象的原型 (Object的原型对象)上是否有这个方法;
  4. 依次类推一直找到null还没有,就说明没有这个属性或者方法。
  5. 如果每一步都能查找这个方法,那么 遵循就近原则 ,采用的是最近的那一步的属性或者方法。 比如实例对象自身有该属性,属性值为1,原型对象上也有该属性,属性值为2,最后这个属性值返回的是1。

任何一个对象都有__proto__,因此Object的原型对象是最后异步,如果找不到就说明没这个方法:

代码:

   let obj={}
   console.log(obj);

图示:

理解:

在object的原型上挂载了很多的属性方法,也就是最底层,任何一个对象都可以通过__proto__进行访问。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/251518.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

当OneNote不同步时,你需要做些什么让其恢复在线

OneNote笔记本无法同步的原因有很多。由于OneNote使用OneDrive将笔记本存储在云中,因此可能会出现互联网连接问题,与多人联机处理笔记本时会出现延迟,以及从不同设备处理同一笔记本时会发生延迟。以下是OneNote不同步时的操作。 注意:本文中的说明适用于OneNote for Windo…

深度学习小白学习路线规划

作为深度学习的初学者,以下是一个建议的学习路线,可以帮助你逐步掌握图像分类、目标检测与跟踪、实例分割和姿态估计: 掌握这些,计算机视觉算是入门了! 1. 基础知识: 学习Python编程语言,它是…

买手机,该买二手旗舰,还是买新款中端机?答案让人意外

如今的数码博主推荐手机的时候,都喜欢拿各种硬件参数来比较,而手机企业高管则喜欢在比不过硬件的时候谈体验,对于消费者来说,那么到底硬件参数重要,还是体验更重要? 笔者因为工作需要, 这两年买…

Idea maven打包时 报错 illegalArgumentException: Malformed \uxxxx encoding 解决方法

1 改变打包命令重新打包 在maven打包命令上加入 -e -X 2 找到报错类和方法 可以看到是 java.util.Properties#loadConvert类方法中有个throw new IllegalArgumentException( "Malformed \\uxxxx encoding."),在此打断点 3 以Debug方式重新运行maven…

猿人学19题(原比赛平台)

这道题给我搞得有点懵了,我现在还没发现他到底要考察什么,这边我直接协商我的sessionid请求是直接就成功的。😂 依旧是分析请求方式,抓包到返回数据的位置 现在可以知道这些数据是ajax返回的,请求的参数是page&#x…

Win7系统桌面出现白色透明框的解决方案

大家好,我是爱编程的喵喵。双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的…

AntDesignBlazor示例——分页查询

本示例是AntDesign Blazor的入门示例,在学习的同时分享出来,以供新手参考。 示例代码仓库:https://gitee.com/known/BlazorDemo 1. 学习目标 分页查询框架天气数据分页功能表格自定义分页 2. 创建分页查询框架 Table组件分页默认为前端分…

腾讯云Linux云服务器禁Ping设置

腾讯云Linux服务器默认是允许ping包的,但是在一些情况下为了安全考虑起见,我们都会把服务器设置为禁ping的模式。 1、首先检查Linux服务器当前是否禁ping 执行命令: cat /proc/sys/net/ipv4/icmp_echo_ignore_all 备注: 0----代…

【️如何理解面向对象和面向过程】

✅如何理解面向对象和面向过程? 典型理解✅扩展知识仓✅面向对象的三大基本特征✅封装✅继承✅多态 ✅为什么Java不支持多继承?✅菱形继承问题✅Java 8 中的多继承 ✅面向对象的五大基本原则? 典型理解 面向过程把问题分解成一个一个步骤&…

文章解读与仿真程序复现思路——电网技术EI\CSCD\北大核心《耦合碳-绿证-消纳量市场的日前电量市场交易交互式优化》

这个标题描述了一种优化模型或算法,用于在日前电量市场中耦合碳排放权市场、可再生能源绿色证书市场和消纳量市场进行交易的交互式优化。我将解析标题的关键词和概念: 日前电量市场:指的是电力市场中进行短期调度和交易的市场,其…

ES6 面试题 | 11.精选 ES6 面试题

🤍 前端开发工程师(主业)、技术博主(副业)、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云…

vue-element-admin如何把mock换成使用真实后台接口

1)修改vue.config.js文件 use strict const path require(path) const defaultSettings require(./src/settings.js)function resolve(dir) {return path.join(__dirname, dir) }const name defaultSettings.title || vue Element Admin // page title// If you…

C++相关闲碎记录(15)

1、string字符串 #include <iostream> #include <string> using namespace std;int main (int argc, char** argv) {const string delims(" \t,.;");string line;// for every line read successfullywhile (getline(cin,line)) {string::size_type beg…

带你亲证AI应用开发的“奇点”时刻

带你亲证AI应用开发的“奇点”时刻 AI 应用开发——新的历史节点 事实上&#xff0c;没有任何一种突破能够不经历重重失败&#xff0c;不体验一轮轮的痛苦&#xff0c;就能直接展现在人类面前。AI 技术自诞生之初直至今日&#xff0c;其发展之路从未一帆风顺——辉煌与寒冬交…

SLAM算法与工程实践——相机篇:传统相机使用(1)

SLAM算法与工程实践系列文章 下面是SLAM算法与工程实践系列文章的总链接&#xff0c;本人发表这个系列的文章链接均收录于此 SLAM算法与工程实践系列文章链接 下面是专栏地址&#xff1a; SLAM算法与工程实践系列专栏 文章目录 SLAM算法与工程实践系列文章SLAM算法与工程实践…

Leetcode的AC指南 —— 链表:19.删除链表的倒数第N个节点

摘要&#xff1a; Leetcode的AC指南 —— 链表&#xff1a;19.删除链表的倒数第N个节点。题目介绍&#xff1a;给你一个链表&#xff0c;删除链表的倒数第 n 个结点&#xff0c;并且返回链表的头结点。 文章目录 一、题目二、解析1、滑动窗口/快慢指针&#xff08;傻傻分不清&…

平均数 C语言xdoj66

问题描述 计算n个整数&#xff08;x1,x2,x3...&#xff09;的平均数&#xff0c;结果保留两位小数。 输入说明 第一行为整数n&#xff08;1 < n <100&#xff09;&#xff0c;接下来是n个整数(0 < x1,x2,x3....< 2^31 - 1)。 输出说明 输出这n个整数的…

netty-daxin-2(netty常用事件讲解)

文章目录 netty常用事件讲解ChannelHandler接口ChannelHandler适配器类ChannelInboundHandler 子接口Channel 的状态调用时机ChannelHandler 生命周期示例NettServer&CustomizeInboundHandlerNettyClient测试分析 ChannelInboundHandlerAdapter适配器类SimpleChannelInboun…

C# 如何控制多线程同步执行

写在前面 使用Task类来控制多线程的同步执行&#xff0c;可应用于多任务分发执行后&#xff0c;再做归并处理。Tas既拥有线程池的优点&#xff0c;同时也解决了使用ThreadPool不易控制的弊端&#xff1b;可以非常简便并可靠地实现多线程的顺序执行。 代码实现 public class …

qt中通过objectName来查找控制,使用控件(QString名字)

先拖个控件&#xff0c;名字为label_1,然后执行如下操作&#xff1a; QString objectName QString("label_1");QLabel *tempLabel this->findChild<QLabel*>(objectName);tempLabel->setText("123");