Javascript原型——类的实现机制

作为一名Java程序猿,在理解Javascript中原型的概念时费了不少力气。我们都知道,js中没有类,只有函数,但其实他用一种原型的机制实现了类的功能,如下:

JavascriptJava
函数构造函数
原型其他(集合对象)

我们将Js中的函数理解成Java中的构造函数,那么它在实例化的时候,会执行里面的代码,验证一下理解得对不对:

//定义函数
function Person(name){
    alert("Hello "+name);
}

//实例化函数
var mayun = Person("mayun");
执行这段js代码,浏览器会弹出"Hello mayun",说明js函数可以理解成java类中的构造函数,在实例化时会便执行。
那么,在实例化不会执行的部分,就是构造函数之外的部分,Js管这部分叫做原型,验证一下这部分到底会不会执行:
//定义函数
function Person(name){
    //alert("Hello "+name);
}

//定义原型属性——test函数
Person.prototype.test = function test(){
    alert("Hello World");
}

//实例化函数
var mayun = Person("mayun");

运行时,浏览器没有弹出信息,说明实例化时,没有执行原型部分的代码。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值