JavaScript 设计模式 富有表现力的Javascript(一)_javascript技巧
程序员文章站
2022-04-20 19:44:21
...
正题:
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、我们也可以往系统默认类原型中添加方法,但这不提倡,容易混乱
函数是一等对象:
匿名函数可以创建闭包(闭包将另开一个篇进行学习)
推荐阅读
-
判断一个变量是数组Array类型的方法_javascript技巧
-
一个用js实现的页内搜索代码_javascript技巧
-
JSQL 一个 web DB 的封装_javascript技巧
-
一个精简的JS DIV层tab切换代码_javascript技巧
-
JavaScript中的设计模式——工厂模式
-
一些老手都不一定知道的JavaScript技巧_javascript技巧
-
js弹出模式对话框,并接收回传值的方法_javascript技巧
-
一个JavaScript操作元素定位元素的实例_javascript技巧
-
一个JS的日期格式化算法示例_javascript技巧
-
一个可以得到元素真实的背景颜色的javascript脚本_javascript技巧