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、我们也可以往系统默认类原型中添加方法,但这不提倡,容易混乱



函数是一等对象:

匿名函数可以创建闭包(闭包将另开一个篇进行学习)

相关文章

  • javascript解析xml实现省市县三级联动的方法

    javascript解析xml实现省市县三级联动的方法

    这篇文章主要介绍了javascript解析xml实现省市县三级联动的方法,涉及javascript针对节点的操作与XML文件解析的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • sso跨域写cookie的一段js脚本(推荐)

    sso跨域写cookie的一段js脚本(推荐)

    下面小编就为大家带来一篇sso跨域写cookie的一段js脚本(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • document.documentElement的一些使用技巧

    document.documentElement的一些使用技巧

    documentElement 属性可返回文档的根节点,接下来为大家详细介绍下document.documentElement的一些使用技巧,感兴趣的朋友可以参考下哈
    2013-04-04
  • 你知道JavaScript Symbol类型怎么用吗

    你知道JavaScript Symbol类型怎么用吗

    这篇文章主要介绍了你知道JavaScript Symbol类型怎么用吗,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • JavaScript中json数组查找数据的几种方式(含模糊查找)

    JavaScript中json数组查找数据的几种方式(含模糊查找)

    这篇文章主要给大家介绍了关于JavaScript中json数组查找数据的几种方式,文中包括模糊查找,文中给出了详细的代码示例,对大家学习或者使用json具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • JS图片等比例缩放方法完整示例

    JS图片等比例缩放方法完整示例

    这篇文章主要介绍了JS图片等比例缩放方法,结合完整实例形式分析了javascript针对页面图片元素属性操作的相关技巧,需要的朋友可以参考下
    2016-08-08
  • JS原生数据双向绑定实现代码

    JS原生数据双向绑定实现代码

    本文通过实例代码给大家介绍了JS原生数据双向绑定问题,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-08-08
  • JavaScript及jquey实现多个数组的合并操作

    JavaScript及jquey实现多个数组的合并操作

    这篇文章主要介绍了JavaScript及jquey实现多个数组的合并操作,在某些情况下还是比较实用的,需要的朋友可以参考下
    2014-09-09
  • js如何去除数组中的empty undefined空项

    js如何去除数组中的empty undefined空项

    这篇文章主要介绍了js如何去除数组中的empty undefined空项,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • js中bool值的转换及“&&”、“||”、 “!!”详解

    js中bool值的转换及“&&”、“||”、 “!!”详解

    这篇文章主要给大家介绍了关于js中bool值的转换方法以及"&&" 、"||"、 "!!"的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友下面来一起看看吧。
    2017-12-12

最新评论