<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<script>

//无论是变量名字还是，对象的属性都不能是 保留字；

//继承

Object.prototype.method = function(method,fn){

    return this[method] = fn;

};

//继承方法1 复制继承

Function.prototype.method('new',function(){

    var that = Object.create(this.prototype);

    var other = this.apply(that, arguments);

    return (typeof other === 'object' && other) || that;

});

//继承方法2： 原型继承

Object.prototype.method('inherits',function(parent){

    this.prototype = new parent();

    //return this;

});

function aa(){};

aa.prototype.fn = function(){alert(1)};

aa.prototype.fn1 = function(){alert(2)};

//var bb = function(){}

//bb.prototype = aa.new();

//var bb = function(){};

//bb.inherits( aa )

//aa.fn1() //错误

var bb = (new aa)

bb.fn1() // alert(1);

//函数的属性和prototype是不一样的，但是用new了函数以后，返回的obj拥有了protype（继承）的方法和属性

//Model化开发

var mammal = function(spec){

    var that = {};

    that.get_name = function(){

        return spec.name;

    };

    that.says = function(){

        return spec.saying || '';

    };

    return that;

};

var myMammal = mammal( {name : 'herb'} );

//差异化，复用mammal

var cat = function(spec){

    spec.saying = spec.saying || 'meow';

    var that = mammal(spec);

    that.purr = function(n){

        var i, s = '';

        for(var i=0; i<n; i++){

            if(s){

                s += '_';

            };

            s += 'r';

        };

        return s;

    };

    that.get_name = function(){

        return that.says() + ' ' +spec.name+ ' ' + that.says();

    };

    return that;

};

var myCat = cat({name : 'xx'});

//部件__  ->_->话说自定义事件和常见啊 !>_<!

var eventuality = function(that){

    var registry = {};

    that.fire = function(event){

        var array,

            func,

            handler,

            i,

            type = typeof event === 'string' ? event : event.type;

        if( registry.hasOwnProperty(type) ){

            array = registry[type];

            for(var i=0; i<array.length; i++){

                handler = array[i];

                func = handler.func;

                func();

            }

        };

    };

    that.on = function(type, method, parameters){

        //registry[type] || ( registry[type] = {} );

        var handler = {

            method : method,

            parameters : parameters

        };

        if( registry.hasOwnProperty(type) ){

            registry[type].push( handler );

        }else{

            registry[type] = [handler];

        };

        return this;

    };

    return that;

}

</script>

</body>

</html>

JS：采摘自JS精粹的更多相关文章

  1. JS模式：jq中简单的模式--》采摘自js设计（tomxu_version）

    <!DOCTYPE html> <html> <head> <title></title> </head> <body&g ...

  2. JS高级(摘自简书)

    JS高级 1. 访问对象属性(方法也是属性)的通用方式:obj['属性名'] 1. 属性名包含特殊字符,如"-".空格,访问:obj['content-type'] 2. 属性名不 ...

  3. MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录

    注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是 ...

  4. 再谈React.js实现原生js拖拽效果

    前几天写的那个拖拽,自己留下的疑问...这次在热心博友的提示下又修正了一些小小的bug,也加了拖拽的边缘检测部分...就再聊聊拖拽吧 一.不要直接操作dom元素 react中使用了虚拟dom的概念,目 ...

  5. spring访问静态资源出错，No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js...

    问题:spring访问静态资源出错,No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js... web.x ...

  6. prototype.js 和 jQuery.js中 ajax 的使用

    这次还是prototype.js 和 jQuery.js冲突的问题,前面说到过解决办法http://www.cnblogs.com/Joanna-Yan/p/4836252.html,以及上网说的大部 ...

  7. LazyLoad.js及scrollLoading.js

    http://blog.csdn.net/ning109314/article/details/7042829 目前图片延迟加载主要分两大块,一是触发加载(根据滚动条位置加载图片):二是自动预加载(加 ...

  8. JS引用另外JS文件的顺序问题。

    1.在a.js中可以引用b.js文件,这样就可以在网页中只引用a.js文件,从而可以使用a.js和b.js文件中的所有方法. 引用格式如下:document.write('<script typ ...

  9. jquery的validate.js 和 form.js 的使用方法

    在使用 Jquery 的方法的验证并且修改 原Form 表单的提交方式的时候,需要引用的文件有 <script type="text/javascript" src=&quo ...

随机推荐

  1. C++ macro（宏）使用小结

    谈起C++中的宏,我们第一个想到的应该就是“#define”,它的基本语法长得像这样: #define macroname(para1, para2, para3, ... ,paran) macro ...

  2. 2014-2015 Codeforces Trainings Season 2 Episode 7 G Gophers --线段树

    题意: 有n个地鼠,m个CD碟,每个CD碟有一个影响范围,范围内的地鼠都会被吵到,每次有一个操作就是移动CD碟,然后求每次被影响的地鼠有多少只. 解法: 线段树做.我们只关注地鼠有没有被吵到就可以了, ...

  3. scp: command not found如何解决

    今天给一台新的服务器,准备源码安装一些软件,需要使用scp复制文件时报错如下:-bash: scp: command not found 解决办法如下:安装scp的软件包:# yum install ...

  4. 九、Foundation框架中的NSString常用方法

    一.NSString的创建 方式1创建常量字符串 NSString *st = @"this is string!"; //这种方式创建的字符串不需要释放 方式2创建空字符串,给予 ...

  5. 【转】【WPF】 WPF 调用API修改窗体风格实现真正的无边框窗体

    WPF中设置无边框窗体似乎是要将WindowStyle设置为None,AllowTransparency=true,这样才能达到WinForm中无边框窗体的样式.但是AllowTransparency ...

  6. 怎么用JS截取字符串中第一个和第二个字母间的部分？

    一.JS中用正则判断字符串是否有匹配正则的字符串部分,格式如下: /[a-zA-Z](.*?)[a-zA-Z]/.test('1a123d45678901a2') “.test”前面的部分是正则表达式 ...

  7. U3D Debug.log的问题

    今天在测试有yield有关的问题时,发现Debug.log()是异步输出机制.不一定会在调用后立即执行. 在C++有类似问题:std::cout 也不一定会立即输出,加上"\n"或 ...

  8. Redmine 项目管理工具----完全攻略

    摘要: 此篇博客涉及 安装,插件修改,插件安装,代码显示,中文乱码,SVN配置等内容,几乎覆盖所有redmine基本功能. 本机环境: Redmine 版本: 3.2.0 本机环境: win7 64位 ...

  9. 反射中使用 BindingFlags.IgnoreCase

    我们经常需要通过反射来调用目标对象的方法或获取/设置目标对象的属性,Type.InvokeMember 方法签名如下: public object InvokeMember(string name,B ...

  10. OC格式化标准符

    %@       对象     •    %d, %i   整数     •    %u        无符整形     •    %f         浮点/双字     •    %x, %X   ...