<!DOCTYPE html>

 <html>

     <body>

         <p>JavaScript 函数</p>

         <script>

             // 函数声明

             function myFunction(a, b) { return a * b;}

             console.log(myFunction(2, 6));

             // 函数表达式(匿名函数)

             var demo1 = function(a, b) {return a * b;};

             console.log(demo1(2, 5));

             // Function()构造函数 [F大写！]

             var demo2 = new Function("a", "b", "return a * b");

             console.log(demo2(2, 4));

             // 自调用函数(匿名自我调用的函数) [添加两对括号！]

             (function() {

                 console.log("Call myself.");

             })();

             // 函数是对象

             // 使用 typeof 操作符判断函数类型将返回 "function"

             console.log(typeof demo1 == 'function');

             // toString() 方法将函数作为一个字符串返回

             console.log(demo1.toString());

             // Arguments对象

             // [例1]获取最大值

             function myMax() {

                 var i, max = arguments[0];

                 if(arguments.length < 2) return max;

                 for(i = 1; i < arguments.length; i++){

                     if(arguments[i] > max) max = arguments[i];

                 }

                 return max;

             }

             console.log(myMax(1, 3, 9, 5, 7));

             // [例2]统计所有数值的和

             function mySum() {

                 var i, sum = 0;

                 for(i = 0; i < arguments.length; i++) sum += (arguments[i] = arguments[i] || 0);

                 return sum;

             }

             var undef;

             console.log(mySum(1, 3, 5, 7, 9, null, undef));

             // 函数作为方法调用

             var myObject = {

                 firstName: "Frank",

                 lastName: "Liu",

                 fullName: function() { return this.firstName + " " + this.lastName; }

             }

             console.log(myObject.fullName());

             // 构造函数调用函数

             function demo3(arg1, arg2) {

                 this.firstName = arg1;

                 this.lastName  = arg2;

             }

             var demo4 = new demo3("Frank", "Liu");

             console.log(demo4.firstName);

             // call()和apply()是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身

             // call则作为call的参数传入（从第二个参数开始）

             var demo5 = myMax.call(demo5, 3, 1, 5 ,2);

             console.log(demo5);

             //  apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入

             var demo6 = myMax.apply(demo6, [3, 1, 6 ,2]);

             console.log(demo6);

             // JavaScript闭包

             // 函数的特别之处在于可以创建一个独立的作用域，最内层的函数使用了counter变量，所以counter不会被销毁

             var add = (function() {

                 var counter = 0;

                 return function() { return counter += 1; };

             })();

             console.log("Loop1: " + add()); // 1

             console.log("Loop2: " + add()); // 2

             console.log("Loop3: " + add()); // 3

         </script>

     </body>

 </html>

JavaScript(2)：函数的更多相关文章

  1. JavaScript中函数函数的定义与变量的声明<基础知识一>

    1.JavaScript中函数的三种构造方式 a.function createFun(){ } b.var createFun=function (){ } c.var createFun=new ...

  2. 理解 JavaScript 回调函数并使用

    JavaScript中,函数是一等(first-class)对象:也就是说,函数是 Object 类型并且可以像其他一等对象(String,Array,Number等)一样使用.它们可以"保 ...

  3. 5种 JavaScript 调用函数的方法

    一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性 ...

  4. javascript escape()函数和unescape()函数

    javascript escape()函数和unescape()函数 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串. 语法: escape(string) stri ...

  5. JavaScript调用函数的方法

    摘要:这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助! 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正 ...

  6. Javascript常用方法函数收集(二)

    Javascript常用方法函数收集(二) 31.判断是否Touch屏幕 function isTouchScreen(){ return (('ontouchstart' in window) || ...

  7. javascript工具函数

    第一部分 JavaScript工具函数 转义特殊字符为html实体   HtmlEncode: function(str){ return str.replace(/&/g, '&') ...

  8. [转]javascript eval函数解析json数据时为什加上圆括号eval("("+data+")")

    javascript eval函数解析json数据时为什么 加上圆括号?为什么要 eval这里要添加 “("("+data+")");//”呢?   原因在于: ...

  9. javascript篇-----函数作用域，函数作用域链和声明提前

    在一些类似C语言的编程语言中,花括号内的每一段代码都具有各自的作用域,而且变量在声明它们的代码段之外是不可见的(也就是我们不能在代码段外直接访问代码段内声明的变量),我们称之为块级作用域,然而,不同于 ...

  10. JavaScript 常用函数总结

    javascript函数:  ·常规函数  ·数组函数  ·日期函数  ·数学函数  ·字符串函数 .cookie函数 1.常规函数 javascript常规函数包括以下9个函数:  (1)alert ...

随机推荐

  1. Selenium（4）

    练习1:使用selenium+firefox测试ecshop登录过程 一.WebDriver 1.启动浏览器 (1)启动Firefox浏览器 a.启动默认路径下的浏览器 WebDriver drive ...

  2. 数据库——Oracle(7)

    1 索引(二):索引是用来提高查询的效率. 索引的优点和缺点: 优点:索引可以提高查询的速度. 缺点:创建索引会占用磁盘物理空间,而且添加索引,会减慢修改(insert,update,delete)数 ...

  3. Java语言基础(9)

    1 方法(二) 1) 不带参数没有返回值的方法: 案例:Demo1 public class Demo1 { static void show(){ System.out.println(" ...

  4. 51Nod 1534 棋盘阻挡博弈

    很简单的可以知道 如果P在V的右上角 必输 如果P在V的左下角 必赢 接下里还剩下左上角和右下角两种情况 两种情况其实相同 P是挡不住V通过对角线方向向下/左的移动的 即两者不会相互影响 所以我们只要 ...

  5. .NET Core 3时代DevExpress Winforms v19.2增强Scheduler控件

    DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅.美观且易于使用的应用程序.无论是Office风格的界面,还是分析处理大批量的业务数据,DevExpr ...

  6. VUE-文本-事件-属性指令

    一.Vue文本指令 文本指令: 1.{{ }} 2.v-text:不能解析html语法的文本,会原样输出 3.v-html:能解析html语法的文本 4.v-once:处理的标签的内容只能被解析一次 ...

  7. Java 添加、删除、移动、隐藏/显示Excel工作表

    本文内容将介绍通过Java程序如何添加.删除.移动工作表,以及设置工作表隐藏.显示等操作.文中使用了Java Excel类库(Free Spire.XLS for Java 免费版),可通过官网下载包 ...

  8. python版本升级流程，升级2.7跟3.x版本流程一样

    前言: 目前python2.6版本很多库已经不支持,在安装库的时候总会遇到很多装不上的事故,特别烦恼,所以以后不纠结,直接升级python版本后再使用,避免多次采坑:当然,未来趋势还是python3. ...

  9. sh_17_字符串的查找和替换

    sh_17_字符串的查找和替换 hello_str = "hello world" # 1. 判断是否以指定字符串开始 print(hello_str.startswith(&qu ...

  10. struct streaming中的监听器StreamingQueryListener

    在struct streaming提供了一个类,用来监听流的启动.停止.状态更新 StreamingQueryListener 实例化:StreamingQueryListener 后需要实现3个函数 ...