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 相关文章推荐
javascript 框架小结 个人工作经验
Jun 13 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
Javascript 面向对象 继承
May 13 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
Nov 10 Javascript
js中split和replace的用法实例
Feb 28 Javascript
判断滚动条滑到底部触发事件(实例讲解)
Nov 15 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
Nov 22 Javascript
基于vue开发的在线付费课程应用过程
Jan 25 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 21 Javascript
JS如何实现手机端输入验证码效果
May 13 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
动漫定律:眯眯眼都是怪物!这些角色狠话不多~
2020/03/03 日漫
按上下级层次关系输出内容的PHP代码
2010/07/17 PHP
PHP通过header实现文本文件下载的代码
2010/08/08 PHP
PHP判断数据库中的记录是否存在的方法
2014/11/14 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
PHP7 整型处理机制修改
2021/03/09 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
jQuery使用手册之三 CSS操作
2007/03/24 Javascript
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
超级简单的jquery操作表格方法
2014/12/15 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
2015/12/23 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
angular inputNumber指令输入框只能输入数字的实现
2019/12/03 Javascript
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
python中字符串前面加r的作用
2015/06/04 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
Python类的继承用法示例
2019/01/31 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
opencv-python 提取sift特征并匹配的实例
2019/12/09 Python
pytorch中tensor张量数据类型的转化方式
2019/12/31 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
澳大利亚运动鞋商店:Platypus Shoes
2019/09/27 全球购物
家长学校实施方案
2014/03/15 职场文书
本科毕业生自荐信
2014/05/26 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书
Javascript的promise,async和await的区别详解
2022/03/24 Javascript