分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

JS高级---原型

发布时间:2023-09-06 02:17责任编辑:苏小强关键词:暂无标签

原型

作用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
  1. 构造函数,实例对象,原型对象总结
    • 通过构造函数来实例化对象
    • 构造函数中有一个属性叫做prototype,是构造函数的原型对象,并且这个原型对象中有一个构造器constructor,这个构造器就是指向自己所在的原型对象的构造函数
    • 实例对象的原型对象(proto)
  2. 通过原型和局部变量变全局变量来实现产生随机数对象

    <!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高级---原型

原文地址:https://www.cnblogs.com/upxiao/p/9751906.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved