javascript面向对象之共享成员属性与方法及prototype关键字用法


Posted in Javascript onJanuary 13, 2015

本文实例讲述了javascript面向对象之共享成员属性与方法及prototype关键字用法。分享给大家供大家参考。具体如下:

共享成员属性与方法,使用prototype关键词

<script language="javascript" type="text/javascript">

function Dog(){}

Dog.prototype.shout=function(){

 alert("hello,小狗");

}

Dog.prototype.name="黄色小狗";

var dog1 = new Dog();

var dog2 = new Dog();

dog1.shout();

dog2.shout();

dog1.name="小白";

window.alert(dog1.name+dog2.name);

</script>

注意知识点:

(1)采用this.属性名或方法名,也可以将它们共享给实例化的对象,但它们存储在不同一空间(栈区)。此种情况每个对象独占代码,如果对象很多,会使得效率变低;
(2)采用prototype,则存储在相同的栈区,即多个对象共享代码。改变其中一个对象时,不影响其它对象。

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
BootStrap Datepicker 插件修改为默认中文的实现方法
Feb 10 Javascript
js前端实现图片懒加载(lazyload)的两种方式
Apr 24 Javascript
vue中render函数的使用详解
Oct 12 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
Nov 23 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
简单了解JavaScript arguement原理及作用
May 28 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 #Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 #Javascript
javascript面向对象之this关键词用法分析
Jan 13 #Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 #Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 #Javascript
javascript面向对象之对象的深入理解
Jan 13 #Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 #Javascript
You might like
php中长文章分页显示实现代码
2012/09/29 PHP
php中随机函数mt_rand()与rand()性能对比分析
2014/12/01 PHP
ThinkPHP模版引擎之变量输出详解
2014/12/05 PHP
php中mysql操作buffer用法详解
2015/03/19 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
php结合mysql与mysqli扩展处理事务的方法
2016/06/29 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
JavaScript OOP面向对象介绍
2010/12/02 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
js定时调用方法成功后并停止调用示例
2014/04/08 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
2017/03/25 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
javascript 数组(list)添加/删除的实现
2020/12/17 Javascript
Python引用模块和查找模块路径
2016/03/17 Python
Django用户认证系统 User对象解析
2019/08/02 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
python3获取控制台输入的数据的具体实例
2020/08/16 Python
CSS3的常见transformation图形变化用法小结
2016/05/13 HTML / CSS
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
人力资源总监工作说明
2014/03/03 职场文书
优秀员工推荐信
2014/05/10 职场文书
个人委托书如何写
2014/09/25 职场文书
党员民主评议总结
2014/10/20 职场文书
天河观后感
2015/06/11 职场文书
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python