把随机数对象暴露给window成为全局对象原型及原型链原型的指向是否可以改变

最新推荐文章于 2023-10-08 17:47:12 发布

Leon_Jinhai_Sun

最新推荐文章于 2023-10-08 17:47:12 发布

阅读量460

点赞数

本文链接：https://blog.csdn.net/Leon_Jinhai_Sun/article/details/86623345

版权

把随机数对象暴露给window成为全局对象

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
      // 通过自调用函数产生一个随机数对象,在自调用函数外面,调用该随机数
      // 对象方法产生随机数
      (function(window){
        var num = 10;
        // 产生随机数的构造函数
        function Random(){
          // 在原型对象中添加方法
          Random.prototype.getRandom = function(min,max){
              return Math.floor(Math.random()*(max-min)+min);
          };
        }
        // 把Random对象暴露给顶级对象window---->外部可以直接使用这个对象
        window.random = new Random();
      })(window);

      var num = random.getRandom(0,5);
      console.log(num);

      // 全局变量

  </script>
</head>
<body>
  
</body>
</html>

原型及原型链

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
      // 使用对象---->使用对象中的属性和对象中的方法,使用对象就要先有构造函数
      // 构造函数
      function Person(name,age){
          // 属性
          this.name = name;
          this.age = age;
          // 在构造函数中的方法
          this.eat = function(){
              console.log("吃好吃的");
          };
      }
      // 添加共享的属性
      Person.prototype.sex = "男";
      // 添加共享的方法
      Person.prototype.sayHi = function(){
          console.log("怎么这么帅");
      };
      // 实例化对象,并初始化
      var per = new Person("小明",20);
      // per.sayHi();
      // 如果想要使用一些属性和方法,并且属性的值在每个对象中都是一样的,
      // 方法在每个对象中的操作也是一样的,那么,为了共享数据,节省内存空间
      // 是可以把属性和方法通过原型的方式进行赋值
      // 实例对象的结构
      console.dir(per);
      // 构造函数的结构
      console.dir(Person);

      // 实例对象的类型__proto__和构造函数的类型prototype指向是否相同

      // 实例对象中__proto__原型指向的构造函数中的原型prototype
      console.log(per.__proto__==Person.prototype);
      // 实例对象中__proto__是原型,浏览器使用的
      // 构造函数中的prototype是原型,程序员使用的

      // 原型链:是一种关系,实例对象和原型对象之间的关系,关系是通过
      // 原型(__proto__)来联系的

      
  </script>
</head>
<body>
  
</body>
</html>

原型的指向是否可以改变

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
     //  function Student(){

     //  }
     //  Student.prototype.study = function(){
     //      console.log("就是天天学习");
     //  };
     // Student.prototype = {
     //      eat:function(){
     //          console.log("哈哈,好吃的榴莲");
     //      }
     // };

     // var stu = new Student();
     // stu.eat();
     // stu.study();

     // 人的构造函数
     function Person(age){
        this.age = 10;
     }
     // 人的原型对象方法
     Person.prototype.eat = function(){
        console.log("人的吃");
     };
     // 学生的构造函数
     function Student(){

     }
     Student.prototype.sayHi = function(){
        console.log("小苏你好帅哦");
     };
     // 学生的原型,指向了一个人的实例对象
     Student.prototype = new Person(10);
     var stu = new Student();
     stu.eat();
     // stu.say();

     // 原型指向可以改变
     // 实例对象的原型__proto__指向的是该对象所在的构造函数的原型对象
     // 实例对象的原型__proto__
     // 构造函数的原型(prototype)如果改变了,实例对象的原型(__proto__)指向
     // 也会发生改变

     // 原型的指向也是可以改变的
     // 实例对象和原型对象之间的关系是通过__proto__原型来联系起来的,这个关系就是
     // 原型链


  </script>
</head>
<body>
  
</body>
</html>

Leon_Jinhai_Sun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
把随机数对象暴露给window成为全局对象原型及原型链原型的指向是否可以改变

把随机数对象暴露给window成为全局对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> // 通过自调用函数产生一个随机数对象,在自调用函数...
复制链接

扫一扫