欢迎访问！ 2024年10月5日星期一当前位置 : 首页 » JS+jQuery »构造函数模式 &原型对象模式相关操作

构造函数模式 &原型对象模式相关操作

2013-07-15 06:07 3859 次阅读分类: JS+jQuery, 前端相关已关闭评论

构造函数模式 &原型对象模式相关操作

免打扰阅读

构造函数模式 &原型对象模式相关操作

<script type="text/javascript"> function Person(name,age){ //构造函数模式定义的属性&方法优先于原型模式定义的属性&方法 this.age=age; } Person.prototype={ //实例公用的属性&方法 constructor:Person, age:16, num:[18,19], showName:function(){ alert(this.name+":"+this.age); } } function hasPrototypeProperty(obj,name){ //判断是否是原型对象中定义的属性 return !obj.hasOwnProperty(name) && (name in obj); }; var person1=new Person("name1",88); var person2=new Person("name2",25); //person1.name="abc"; //delete person1.name; console.log(person1.constructor); person2.num.push(25);//更改公用属性 console.log(person1.num); //验证"构造函数模式定义的属性&方法优先于原型模式定义的属性&方法" console.log(person1.age); console.log(hasPrototypeProperty(person1,"age")); delete person1.age; console.log(person1.age); console.log(hasPrototypeProperty(person1,"age")); </script>

提示：你可以先修改部分代码再运行。

快速留言：

3860

上一篇： 左右图文切换(封装插件) 下一篇： 使块元素整个区域可点击跳转

作者: phpvar

快速找到本文的关键字：构造函数模式 &原型对象模式

微信打赏

支付宝打赏

作者其它文章:

2014年07月15日 js判断变量是否有被赋值(10)

你可能会喜欢...

0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}

(*必填)

(*必填)

(选填)

[ 请确保填写正确的邮箱地址，您的留言审核通过会收到邮件通知！ ]

粘贴图片链接

CAPTCHAis initialing...

有人回复时邮件通知我

网站信息

文章数：636 篇
评论数：2675 条
标签数：1391 个
页面数：7 个
友链数：6 条
用户数：13107 位
共运行：4706 天
建站日期:2011.11.17
最近更新:2023.11.7
注册
登录

粤ICP备20056750号

Copyright © 2011-2023 Phpvar's Blog . All Rights Reserved.

基于 WordPress 技术创建页面载入耗时 0.939 秒，共执行 105 条查询 |