JS高级---原型

Posted 2021-01-11 xiao545

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS高级---原型相关的知识，希望对你有一定的参考价值。

原型

作用1 ：节省空间，数据共享

function Person(name,age){
    this.name=name;
    this.age=age;
}//通过自定义构造函数来创建对象
Person.prototyp e.eat=function(){
    console.log("我爱js");
}//通过原型来添加方法
var p1=new Person("小明",20);
var p2=new Person("小红",30);
console.log(p1.eat==p2.eat);//true

构造函数，实例对象，原型对象总结
- 通过构造函数来实例化对象
- 构造函数中有一个属性叫做prototype，是构造函数的原型对象，并且这个原型对象中有一个构造器constructor，这个构造器就是指向自己所在的原型对象的构造函数
- 实例对象的原型对象(proto)

通过原型和局部变量变全局变量来实现产生随机数对象

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
 <script>
     (function(win){
         function Random(){

         };//产生随机数的构造函数

         Random.prototype.getRandom=function(min,max){//向构造函数中添加方法
             return Math.floor(Math.random()*(max-min)+min);//获得的随机数范围在min到max之间（包括min，不包括max）
         };

         win.Random=Random;//将构造函数Random赋予给window对象,变成全局对象
     })(window)//window是实参，win是形参

        //外部调用
     var ram=new Random();//实例化
     console.log(ram.getRandom(5,100));
 </script>
</body>
</html>

以上是关于JS高级---原型的主要内容，如果未能解决你的问题，请参考以下文章