JS中prototype理解

本文深入探讨了JavaScript中的prototype属性,解释了它如何允许对象共享方法和属性,减少了内存消耗。通过实例展示了如何使用prototype创建构造函数和实例,并讨论了静态变量、函数以及实例变量、函数的概念。最后,介绍了如何利用prototype构造更高效的对象。
摘要由CSDN通过智能技术生成

用过JavaScript应该知道prototype,知道函数都会有一个prototype属性,比如object.prototype跟array.prototype具体啥意思一直不是很懂。

每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法和属性,

也就是说将函数用作构造函数调用(使用new操作符调用)的时候,新创建的对象会从原型对象上继承属性和方法。

在具体说prototype前说几个相关的东东,可以更好的理解prototype的设计意图。
之前写的一篇JavaScript 命名空间文章中提到过JavaScript的函数作用域,在函数内定义的变量和函数如果不对外提供接口,那么外部将无法访问到,也就是变为私有变量和私有函数。
复制代码 代码如下:

function Obj(){
   
                var a=0; //私有变量
                var fn=function(){
    //私有函数

                }
            }

这样在函数对象Obj外部无法访问变量a和函数fn,它们就变成私有的,只能在Obj内部使用,即使是函数Obj的实例仍然无法访问这些变量和函数
复制代码 代码如下:

var o=new Obj();
            console.log(o.a); //undefined
            console.log(o.fn); //undefined

静态变量、函数

当定义一个函数后通过 “.”为其添加的属性和函数,通过对象本身仍然可以访问得到,但是其实例却访问不到,这样的变量和函数分别被称为静态变量和静态函数
代买如下

function Obj(){
   
            Obj.a=0; //静态变量
            Obj.fn=function(){
    //静态函数   
            }

            console.log(Obj.a); //0
            console.log(typeof Obj.fn); //function

            var o=new Obj
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值