JavaScript 设计模式 富有表现力的Javascript(一)


Posted in Javascript onMay 26, 2010

正题:

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 相关文章推荐
jQuery + Flex 通过拖拽方式动态改变图片的代码
Aug 03 Javascript
你未必知道的JavaScript和CSS交互的5种方法
Apr 02 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
js+canvas绘制五角星的方法
Jan 28 Javascript
学习vue.js条件渲染
Dec 03 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
让网站自动生成章节目录索引的多个js代码
Jan 07 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
Jan 30 Javascript
vuex分模块后,实现获取state的值
Jul 26 Javascript
js escape,unescape解决中文乱码问题的方法
May 26 #Javascript
javascript 异步页面查询实现代码(asp.net)
May 26 #Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 #Javascript
jquery的$(document).ready()和onload的加载顺序
May 26 #Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 #Javascript
jQuery select操作控制方法小结
May 26 #Javascript
select 控制网页内容隐藏于显示的实现代码
May 25 #Javascript
You might like
PHP empty函数报错解决办法
2014/03/06 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
javascript引导程序
2008/10/26 Javascript
html数组字符串拼接的最快方法
2009/09/16 Javascript
百度留言本js 大家可以参考下
2009/10/13 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
在jQuery中处理XML数据的大致方法
2015/08/14 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
2015/09/09 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
2015/12/01 Javascript
详解JavaScript中的自定义事件编写
2016/05/10 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
详解NodeJS框架express的路径映射(路由)功能及控制
2017/03/24 NodeJs
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
Node.js API详解之 assert模块用法实例分析
2020/05/26 Javascript
详解Vue中Axios封装API接口的思路及方法
2020/10/10 Javascript
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
Python中的模块导入和读取键盘输入的方法
2015/10/16 Python
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
德国网上宠物店:Zoobio
2018/05/23 全球购物
你在项目中用到了xml技术的哪些方面?如何实现的?
2014/01/26 面试题
自主实习接收函
2014/01/13 职场文书
社会实践感言
2014/01/25 职场文书
文明礼仪演讲稿
2014/05/12 职场文书
入党介绍人考察意见
2015/06/01 职场文书
校园安全主题班会
2015/08/12 职场文书