JavaScript 设计模式 富有表现力的Javascript（一）
更新时间：2010年05月26日 22:11:48 作者：
javascript设计模式是图灵出版，学习中力求每个章节都细看。
正题：
1.1 javascript的灵活性
面向对象对象的Javascript编程模式：1、可以保存状态 2、具有对象内部才能调用的方法 3、对编写的程序更能掌握其结构，能经受的起迭代开发（个人认为）
//够造函数，也可俗称为类
var Anim=function(){
...
}
//类中的方法，javascript中的原型
Anim.prototype.start=function(){
...
}
注：一般讲方法放入原型中，因为原型中一般存储不变通用的东西
代码
Function.prototype.method=function(name,fn){
this.prototype[name]=fn;
}
var Anim=function(){
}
Anim.method("start",function(){alert("开始了")})
Anim.method("stop",function(){alert("停止了")})
var anim=new Anim();
anim.start();
anim.stop();
上面的代码突显出一下几点：
1、所有function都是Function这个类的对象 比如 var f=new Function("alert();")
2、我们也可以往系统默认类原型中添加方法，但这不提倡，容易混乱
函数是一等对象：
匿名函数可以创建闭包（闭包将另开一个篇进行学习）
1.1 javascript的灵活性
面向对象对象的Javascript编程模式：1、可以保存状态 2、具有对象内部才能调用的方法 3、对编写的程序更能掌握其结构，能经受的起迭代开发（个人认为）
复制代码 代码如下:
//够造函数，也可俗称为类
var Anim=function(){
...
}
//类中的方法，javascript中的原型
Anim.prototype.start=function(){
...
}
注：一般讲方法放入原型中，因为原型中一般存储不变通用的东西
代码
复制代码 代码如下:
Function.prototype.method=function(name,fn){
this.prototype[name]=fn;
}
var Anim=function(){
}
Anim.method("start",function(){alert("开始了")})
Anim.method("stop",function(){alert("停止了")})
var anim=new Anim();
anim.start();
anim.stop();
上面的代码突显出一下几点：
1、所有function都是Function这个类的对象 比如 var f=new Function("alert();")
2、我们也可以往系统默认类原型中添加方法，但这不提倡，容易混乱
函数是一等对象：
匿名函数可以创建闭包（闭包将另开一个篇进行学习）
相关文章
这篇文章主要为大家详细介绍了JavaScript实现动态表格效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
本文主要分享了canvas实现弹幕效果的实例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家详细介绍了微信小程序自定义单项选择器样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要为大家介绍了javascript算法解数独实现方案示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
这篇文章主要介绍了javascript自定义右键弹出菜单实现方法,涉及javascript操作鼠标事件及页面元素的相关技巧,需要的朋友可以参考下2015-05-05
下面小编就为大家带来一篇浅谈函数调用的不同方式,以及this的指向。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了js图片查看器插件用法,结合实例形式分析了图片查看器插件viewer.js简单使用技巧,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了JavaScript获取当前运行脚本文件所在目录的方法,涉及JavaScript文件目录操作的相关技巧,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了微信小程序引入VANT组件的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了JS+CSS实现TreeMenu二级树形菜单,以完整实例形式较为详细的分析了JS二级树形菜单的节点元素操作技巧,非常简单实用,需要的朋友可以参考下2015-09-09
最新评论