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 相关文章推荐
JavaScript中的类继承
Nov 25 Javascript
再论Javascript下字符串连接的性能
Mar 05 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
JS自定义混合Mixin函数示例
Nov 26 Javascript
BackBone及其实例探究_动力节点Java学院整理
Jul 14 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
基于JavaScript中字符串的match与replace方法(详解)
Dec 04 Javascript
bing Map 在vue项目中的使用详解
Apr 09 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
ios中视频的最后一桢问题解决
May 14 Javascript
VUE Elemen-ui之穿梭框使用方法详解
Jan 19 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
法压式咖啡之制作法
2021/03/03 冲泡冲煮
PHP生成带有雪花背景的验证码
2006/10/09 PHP
CI框架在CLI下执行占用内存过大问题的解决方法
2014/06/17 PHP
PHP中substr()与explode()函数用法分析
2014/11/24 PHP
PHP实现抓取HTTPS内容
2014/12/01 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
laravel请求参数校验方法
2019/10/10 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
javascript 密码强弱度检测万能插件
2009/02/25 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
js实现数组去重方法及效率?Ρ? target=
2017/02/14 Javascript
JS鼠标3次点击事件实现代码及扩展思路
2017/09/12 Javascript
React中如何引入Angular组件详解
2018/08/09 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
vue实现分页组件
2020/06/16 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
Python实现去除代码前行号的方法
2015/03/10 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
python日期相关操作实例小结
2019/06/24 Python
tensorflow之获取tensor的shape作为max_pool的ksize实例
2020/01/04 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
Kathmandu美国网站:新西兰户外运动品牌
2019/03/23 全球购物
2014卖家双十一活动策划书
2014/09/29 职场文书
2014年物资管理工作总结
2014/12/02 职场文书
横店影视城导游词
2015/02/06 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js