1. 详解javascript函数写法大全

     更新时间:2019年03月25日 11:47:59   作者:最爱松露巧克力   我要评论

    这篇文章主要介绍了javascript函数写法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    1.常规写法

     function fnName(){
      console.log("常规写法");
    }

    2.匿名函数,函数保存到变量里

    var myfn = function(){
      console.log("匿名函数,函数保存到变量里");
     }

    3.如果有多个变量,可以用对象收编变量

    3.1 用json对象

     var fnobject1={
       fn1:function(){
          console.log("第一个函数");
       },
       fn2:function(){
          console.log("第二个函数");
       },
       fn3:function(){
          console.log("第三个函数");
       }
     }
    

    3.2 声明一个对象,然后给它添加方法

     var fnobject2 = function(){};
     fnobject2.fn1 = function(){
       console.log("第一个函数");
     }
     fnobject2.fn2 = function(){
       console.log("第二个函数");
     }
     fnobject2.fn3 = function(){
       console.log("第三个函数");
     }
    

    3.3 可以把方法放在一个对象函数里

     var fnobject3 = function(){
       return {
         fn1:function(){
           console.log("第一个函数");
           },
         fn2:function(){
           console.log("第二个函数");
         },
          fn3:function(){
           console.log("第三个函数");
         }  
       }  
     };
    

    4.可用类来实现,注意类的第二种和第三种写法不能混用,否则一旦混用,如在后面为对象的原型对象赋值新对象时,那么他将会覆盖掉之前对prototype对象赋值的方法

    4.1 第一种写法

     var fnobject4 = function(){
       this.fn1 = function(){
         console.log("第一个函数");
      }
       this.fn2 = function(){
         console.log("第二个函数"); 
       }
       this.fn3 = function(){
         console.log("第三个函数");
       }
     };
    

    4.2 第二种写法

     var fnobject5 = function(){};
     fnobject5.prototype.fn1 = function(){
       console.log("第一个函数");
     }
     fnobject5.prototype.fn2 = function(){
       console.log("第二个函数");
     }
     fnobject5.prototype.fn3 = function(){
       console.log("第三个函数");
     }
    

    4.3 第三种写法

     var fnobject6 = function(){};
     fnobject6.prototype={
       fn1:function(){
         console.log("第一个函数");
       },
       fn2:function(){
         console.log("第二个函数");
       },
       fn3:function(){
         console.log("第三个函数");
       }
     }
    

    4.4 第四种写法

    var fnobject7 = function(){};
    fnobject7.prototype={
      fn1:function(){
        console.log("第一个函数");
        return this;
      },
        fn2:function(){
        console.log("第二个函数");
        return this;
      },
      fn3:function(){
        console.log("第三个函数");
        return this;
      }
    }
    

    5.对Function对象类的扩展(下面三种只能用一种)

    5.1 第一种写法(对象)

     Function.prototype.addMethod = function(name,fn){
       this[name] = fn;
     }
     var methods=function(){};//var methods=new Function();
     methods.addMethod('fn1',function(){
       console.log("第一个函数");
     });
     methods.addMethod('fn2',function(){
       console.log("第二个函数");
     });
     methods.addMethod('fn3',function(){
       console.log("第三个函数");
     });
    

    5.2 链式添加(对象)

    Function.prototype.addMethod = function(name,fn){
      this[name] = fn;
       return this;
     }
     var methods=function(){};//var methods=new Function();
     methods.addMethod('fn1',function(){
       console.log("第一个函数");
     }).addMethod('fn2',function(){
       console.log("第二个函数");
     }).addMethod('fn3',function(){
       console.log("第三个函数");
     });
    

    5.3 链式添加(类)

    Function.prototype.addMethod = function(name,fn){
      this.prototype[name] = fn;
      return this;
    }
    var Methods=function(){};//var methods=new Function();
    methods.addMethod('fn1',function(){
      console.log("第一个函数");
    }).addMethod('fn2',function(){
      console.log("第二个函数");
    }).addMethod('fn3',function(){
      console.log("第三个函数");
    });
    
    

    以上所述是小编给大家介绍的javascript函数写法详解整合,希望对大家有所帮助,如果大家有任?#25105;?#38382;请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    相关文章

    • 在浏览器?#20889;?#24320;或关闭JavaScript的方法

      在浏览器?#20889;?#24320;或关闭JavaScript的方法

      这篇文章主要介绍了在浏览器?#20889;?#24320;或关闭JavaScript的方法,由于历史遗留问题,JS在目前任何浏览器中都是标配...所以不想加载JS也可以选择关闭,需要的朋友可以参考下
      2015-06-06
    • 详解JavaScript的变量

      详解JavaScript的变量

      这篇文章主要介绍了JavaScript变量,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
      2019-04-04
    • 从零学JS之你需要了解的几本书

      从零学JS之你需要了解的几本书

      这篇文章主要介绍了从零学JS之你需要了解的几本书
      2014-05-05
    • 关于JavaScript的变量的数据类型的判断方法

      关于JavaScript的变量的数据类型的判断方法

      这篇文章主要介绍了关于JavaScript的变量的数据类型的判断方法,JS是一种弱类型语言,其数据类型的相关特性有时也受到不少开发者的?#35206;?需要的朋友可以参考下
      2015-08-08
    • ajax不执行success回调而是执行了error回调

      ajax不执行success回调而是执行了error回调

      最近在看jQuery的API文档,在使用到jQuery的ajax时,如果指定了dataType为json,老是不执行success回调,而是执行了error回调函数,极度郁闷
      2012-12-12
    • js闭包实例汇总

      js闭包实例汇总

      本文是通过实例来帮助大家深刻理解js闭包,是篇非常不错的文章,这里推荐给大家,有需要的小伙伴可以参考下
      2014-11-11
    • DOM基础教程之事件对象

      DOM基础教程之事件对象

      这篇文章主要介绍了DOM基础教程之事件对象的相关资料,需要的朋友可以参考下
      2015-01-01
    • 详解Javascript 装载和执行

      详解Javascript 装载和执行

      本文主要详细介绍了Javascript 装载和执行,并附上了详细示例,给有需要的小伙伴们参考下吧
      2014-11-11
    • 详解JavaScript栈内存与堆内存

      详解JavaScript栈内存与堆内存

      这篇文章主要介绍了JavaScript栈内存与堆内存,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
      2019-04-04
    • 在Python中使用glob模块查找文件路径的方法

      在Python中使用glob模块查找文件路径的方法

      这篇文章主要介绍了在Python中使用glob模块查找文件路径的方法,使用模块其中的iglob方法实现起来非常简单,需要的朋友可以参考下
      2015-06-06

    最新评论

    山东群英会开奖查询