原型链、原型

carlyle_Yan

已于 2022-10-18 16:34:21 修改

阅读量52

点赞数

分类专栏： js谨记的点文章标签： javascript

于 2022-07-17 17:42:36 首次发布

本文链接：https://blog.csdn.net/carlyle_Yan/article/details/125834499

版权

js谨记的点专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!--
 * @Author: YTM
 * @Date: 2022-07-14 13:58:31
 * @LastEditTime: 2022-10-18 16:32:51
 * @LastEditors: YTM(yan tai miao)
 * @Description: 原型链、原型
 * @FilePath: \fbb-admin-vuec:\Users\USER\Downloads\test.html
-->

<!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>
      // 原型：__proto__,每个对象都有的属性；
      // 原型对象：prototype,每个函数都有的属性；
      // 原型链：由对象的__proto__连接起来而形成的继承关系的一种关系，称为原型链；
      let User = function () {};
      let user = new User(); // new 出来的对象的构造函数等于 new 后面的函数
      console.log(user.constructor === User); // 实例对象的__proto__对象，等于，它的构造函数的prototype;
      console.log(user.__proto__ === User.prototype); // 因为user.__proto__是一个对象，所有的它的构造函数是Object，所以：user.__proto__.__proto__ === Object.prototype
      console.log(user.__proto__.__proto__ === Object.prototype); //记住这点，宇宙的尽头的null
      console.log(Object.prototype.__proto__ === null); // js里面万物都是对象，所以，构造函数User也是，对象，所以，他的构造函数是Function,推导出以下成立
      console.log(User.__proto__ === Function.prototype); // 特殊的,Function,Object,即是函数，也是对象 // 那问题来了，Function也是对象，那么它的构造函数是什么？它的构造函数是它本身；
      console.log(Function.__proto__ === Function.prototype); // let obj = new Object(),那么Object 也是一个函数，那么以下成立：
      console.log(Object.__proto__ === Function.prototype); // 最后退出以下成立：
      console.log(Object.__proto__ === Function.__proto__); // 用以上的user与User来用图形形象的看 // let user={ //   name:"", //   自己对象里面可以赋值，没有的话，往上继承取值 //   __proto__(User.prototype):{ //   在user的原型对象中赋值，这里也没有的话，再往上； //     __proto__(Object.prototype):{ //       最终可以在这里赋值 //       // null //     } //   } // }
      User.prototype.name = "我是小明";
      console.log(user.name);
      Object.prototype.sex = "我是男的";
      console.log(user.sex); // 再推导出一个问题，怎么判断当前的属性是否属于当前对象的拥有的，不是继承而来的？？ // user.name = "我本对象的名字";
      console.log(user.hasOwnProperty("name")); //判断原型链中的是否存在某个属性；
      console.log("name" in user);
      console.log("name111" in user);
    </script>
  </body>
</html>