<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>javascript高级语法1-函数</title>

     </head>

     <body>

       <script>

           function print(p){

               console.log(p.toString(),p)

           }

           /*

           var arr= new Array();

           arr.push(1);

           arr.push(2);

           arr.push(3);

           arr.push(4);

           print(arr);

           print(arr.join(":"))

           var  arr2 = [5,6,7,8]

           print(arr.concat(arr2))

           //each() 扩展函数的方法

           Array.each = function(array,fn){

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

                   fn(array[i]);

               }

           }

           Array.each(arr,function(v){

               print(v);

           })

           //回调函数定义

       function add(x,y,fn){

           this.x=x||1;

           this.y=y||1;

           if(fn){

               fn(this.x + this.y);

           }

       }

       add(3,5,function(v){

           if(v>5){

               alert("res >5")

           }else{

               alert(res <=5"")

           }

       })

        //函数传参

          //1.参数传递随意性（可以少传或多传参数）

          function add(x,y,z){

              this.x = x||0;

              this.y = y||0;

              this.z = z||0;

              alert(this.x+this.y+this.z);

          }

          add(12,3,4,5);

          //弊端：无法像java等高级语言那样有函数精确复写的特性。

          //技巧：如果你这个类是工具类的情况下，那么接收的参数最好是对象。

          //conf={gridName:"",gridCode:"",gridSize:""}

          function gridUtil(conf){

              alert(conf["gridName"]+conf["gridSize"]);

          }

          gridUtil({gridName:"zhangsan",gridSize:"20"})

          //传值还是传地址

          var i = 100;

          var s = "one";

          function add3(i,s){

              i++;

              s+="--"

          }

          add3();

          alert(i);

          alert(s); //证明基础变量传递数值。

          var o = {name:"zhangdan"};

          function change(o){

               o["name"] = "javascript";

          }

          change(o);

          alert(o.name);  //证明自定义对象传参方式传的是地址。

          //函数递归

          function add4(start,end){

              var num= 0;

              num += start;

              if(start<end){

                  num += add4(start+1,end);

              }

              return num

          }

        alert(add4(1,100));

       //代理函数--》 用程序来决定返回的新的函数(生产函数的函数)

       //模拟数据库

       var person = {"jim":'m',"lili":"w"}

       var test = function(name){

           if(person[name]=="m"){

               return function(nk,wk){

                   alert(nk+" "+wk);

               }

           }else if(person[name]=="w"){

               return function(nk,wk,fk){

                   alert(nk+" "+wk+"  "+fk);

               }

           }

       }

       test("jim")("ok","ok");

       test("lili")("ok","ok","no");

       //前端代码不常用，会使代码复杂化。架构常用。

     */   

       //eval（）函数 --》把一个字符串解析成一个函数并执行

       var str = "var show = function(){alert(100)}()";

       eval(str);

       // 应用场景：数据库有时候会返回一个字符串(长得像js数组)；

       var a = "[1,2,3]";

       var arr = eval(a);

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

           console.log(arr[i]);

       }

       </script>

     </body>

 </html>

JavaScript设计模式-1.函数的更多相关文章

  1. JavaScript 设计模式 - 工具函数

    1.类式继承,模拟面向对象语言的继承方式 function extend(subClass, superClass) { var F = function() {}; F.prototype = su ...

  2. JavaScript设计模式与开发实践——读书笔记1.高阶函数(上)

    说来惭愧,4个多月未更新了.4月份以后就开始忙起来了,论文.毕设.毕业旅行等七七八八的事情占据了很多时间,毕业之后开始忙碌的工作,这期间一直想写博客,但是一直没能静下心写.这段时间在看<Java ...

  3. 《JavaScript设计模式 张》整理

    最近在研读另外一本关于设计模式的书<JavaScript设计模式>,这本书中描述了更多的设计模式. 一.创建型设计模式 包括简单工厂.工厂方法.抽象工厂.建造者.原型和单例模式. 1)简单 ...

  4. 《JavaScript设计模式与开发实践》整理

    最近在研读一本书<JavaScript设计模式与开发实践>,进阶用的. 一.高阶函数 高阶函数是指至少满足下列条件之一的函数. 1. 函数可以作为参数被传递. 2. 函数可以作为返回值输出 ...

  5. Javascript设计模式学习一

    学习Javascript设计模式之前,需要先了解一些相关知识,面向对象的基础知识.this等重要概念,以及掌握一些函数式编程的技巧. Js多态 多态的思想:实际上是把“做什么”和“谁去做”分离开来.例 ...

  6. javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件（三）

    在上一篇<javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)>里,通过采用模板方法模式完成了切换效果对象的构建编写. 接下来就是完成各效果对象的调 ...

  7. javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）

    在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...

  8. javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件（一）

    类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些. 比较常用之一的就是窗帘切换了. ...

  9. 常用的Javascript设计模式

    <parctical common lisp>的作者曾说,如果你需要一种模式,那一定是哪里出了问题.他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案. 不管是弱类型 ...

随机推荐

  1. MFC中的多线程

    程序是计算机指令的几何,以文件的形式存在磁盘上.进程被定义为正在运行的程序的实例,是在进行地址空间中的一次执行活动.一个程序可以对应多个进程,如可以通过打开多个Word程序,每个word的应用就是一个 ...

  2. ORACLE PATCH 版本的查询 PL/SQL

    --ORACLE PATCH 版本的查询 PL/SQL SELECT DD.PATCH_NAME,        PP.CREATION_DATE,        PP.DRIVER_FILE_NAM ...

  3. [leetcode] 5. Minimum Depth of Binary Tree

    二叉树基本功练习题,题目如下: Given a binary tree, find its minimum depth. The minimum depth is the number of node ...

  4. 记一次很坑的python2与python3共存问题

    当添加PYTHONPATH环境变量时,无论输入pip2 -V还是pip3 -V都显示的是python2的环境变量,使用pip3 install 时也是安装在了python2的三方库(因为python2 ...

  5. WP8.1StoreApp(WP8.1RT)---添加推送功能和获取系统信息

    添加推送通知 1:Package.appxmanifest中的声明添加后台任务的推送通知权限 2:var channel = await PushNotificationChannelManager. ...

  6. JVM垃圾收集器（2）

    此文已由作者赵计刚薪授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 1.G1 说明: 从上图来看,G1与CMS相比,仅在最后的"筛选回收"部分不同(CMS ...

  7. C指针 【温故】

    概念 1 指针也是一个变量,做为指针变量的值是另一个变量的地址.指针存放的内容是一个地址,该地址指向一块内存空间 其一般形式为: 类型说明符 *变量名: 其中,*表示这是一个指针变量,变量名即为定义的 ...

  8. 1083 矩阵取数问题(DP)

    1083 矩阵取数问题 基准时间限制:1 秒 空间限制:131072 KB 分值: 5 难度:1级算法题  收藏  关注 一个N*N矩阵中有不同的正整数,经过这个格子,就能获得相应价值的奖励,从左上走 ...

  9. var在PHP和JS中的使用

    一,var在PHP中的使用 var在PHP中使用很少,只在类中声明成员变量时候,可以使用var,其相当于public,而且以后逐渐用public替代var,所以在PHP中尽量不使用var声明变量. 二 ...

  10. Jquery、Ajax实现新闻列表页分页功能

    前端页面官网的开发,离不开新闻列表,新闻列表一般都会有分页的功能,下面是我自己总结加查找网上资料写的一个分页的功能,记录一下. 首先,官网的开发建立在前后端分离的基础上: 再有,后端小伙伴们提供列表页 ...