原文:Javascript学习5 - 函数

在Javascript中,函数和对象是交织在一起的。有些函数的特性与对象相关联。这一点的内容在第六部分会讨论到。
这一部分主要讨论函数与其它比较熟悉的语言(如C/C++)不同的地方

5.1 函数定义
    function 函数名(参数1,参数2...)
    {
        主体;
    }
    函数内可以有return,也可以没有return. 没有return时,函数返回undefined值。
    另外,Javascript是类型宽松的语言,所以,对于函数调用时传递参数,有以下特性:
    ① Javascript不会检测传递的数据是不是函数要求的类型。
        如果参数的数据类型很重要,可以在函数内用typeof运算符进行检测
    ② Javascript不会检测传递给它的参数是否正确。
        如果传递的参数比需求的个数多,多余的值被忽略。
        如果传递的参数比需求的个数少,所忽略的几个参数被赋于undefined值
    ③ 函数内部有个Arguments对象维护着实际传递给函数的参数。
        用它可以实现得到实际传递给函数的参数个数,及参数值。用于实现可变参数函数。

5.2 嵌套函数
    实现如下:

function hypotenuse(a, b) {   function square(x) { return x*x; }   return Math.sqrt(square(a) + square(b));} 

5.3 函数参数
    ● 可选参数
        因为不会检测传递给它的参数是否正确,所以,可以忽略到相应的参数来达到可选参数的目的。

function copyPropertyNamesToArray(o, /**//* optional */ a) {    if (!a) a = [];  // If undefined or null, use a blank array    // 以上语句也可以这样写 a = a || [];    for(var property in o) a.push(property);    return a;} 

● 可变参数
        在一个函数体内,标识符arguments具有特殊含义。它是引用arguments对象的一个特殊属性。
        其类似一个数组的对象,可以按照数目获取传递给函数的参数值。
        arguments具有length属性,可以获得实际传递给函数的参数个数
        取得第一个参数值,可以使用argments[0]来获得。

 1function max(/**//*  */) 2{ 3    var m = Number.NEGATIVE_INFINITY; 4    // Loop through all the arguments, looking for, and 5    // remembering, the biggest 6    for(var i = ; i < arguments.length; i++) 7         if (arguments[i] > m)  8            m = arguments[i]; 9            // Return the biggest         return m;} 

arguments具有callee属性,引用当前正在执行的函数。
        arguments并非真正的数组,它是一个Arguments对象。
5.4 作为数据的函数
    函数最重要的就是它们能够定义和调用,定义和调用是Javascript和大多数程序语言的语法特性。
    但是,在Javascript中,函数并不只是一种语法,其也可以作为数据来看待。这意味着,可以把函数赋给变量,存储在对象的属性或数组元素中,作为参数传递给函数等。
    例1:函数赋值给变量:

function square(x) { return x*x; }var a = square();  // a contains the number 16var b = square;     // Now b refers to the same function that square does 

例2:存储在对象的属性或数组元素中

var o = new Object;o.square = function(x) { return x*x; }       // function literaly = o.square();  var a = new Array();a[] = function(x) { return x*x; } 

关于这点,可以参考《Javascript权威指南》8.3节最后例举的一个例子。

5.5 作为方法的函数及this关键字
    对象的方法只不过是对象的一个属性,且该属性引用的是函数类型而已。
    因为函数可以赋给任何变量,可以赋给一个对象的任何属性。

var calculator = {  // An object literal   operand1: ,   operand2: ,   compute: function() {       this.result = this.operand1 + this.operand2;   }};calculator.compute();       // What is 1+1?print(calculator.result);   // Display the result 

以上,this关键字很重要,任何作方法的函数都被有效的传递了一个隐式的参数,即调用函数的对象(this).

5.6 函数的属性和方法
    函数是Javascript对象的一种特殊类型,typeof运算符用于函数类型时会返回字符串“function”
    既然函数是对象,它就具有属性和方法,就像其它的对象一样。
    ● 属性lenght
        不同于函数体内arguments的length属性,函数自身的length属性是一个只读属性,返回的是函数需要的实际参数数目。
    ● 定义函数自身的属性,具有static属性

 1// Create and initialize the "static" variable. 2// Function declarations are processed before code is executed, so 3// we really can do this assignment before the function declaration. 4uniqueInteger.counter = ; 5 6// Here's the function. It returns a different value each time 7// it is called and uses a "static" property of itself to keep track 8// of the last value it returned. 9function uniqueInteger() {    return uniqueInteger.counter++;  // Increment and return our "static" variable} 

● 方法 apply() 和 call()
        这两个方法可以像调用其它方法一样调用函数。第一个参数都是要调用的函数对象,函数体内这一参数是关键字this的值。
        call的剩余参数是传递给要调用的函数的值。
        to the function f() and invoke it as if it were a method of the object o, you could use code like this:
            f.call(o, 1, 2);
        This is similar to the following lines of code:
            o.m = f;
            o.m(1,2);
            delete o.m;
        The apply() method is like the call() method, except that the arguments to be passed to the function are specified as an array:
            f.apply(o, [1,2]);
        For example, to find the largest number in an array of numbers, you could use the apply() method to pass the elements of the array to the Math.max() function:
            var biggest = Math.max.apply(null, array_of_numbers);

Javascript学习5 - 函数的更多相关文章

  1. JavaScript学习09 函数本质及Function对象深入探索

    JavaScript学习09 函数本质及Function对象深入探索 在JavaScript中,函数function就是对象. JS中没有方法重载 在JavaScript中,没有方法(函数)重载的概念 ...

  2. Javascript学习之函数(function)

    在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针. 一 函 ...

  3. JavaScript学习笔记——函数

    javascript函数的声明和调用 将完成某一特定功能的代码集合起来,可以重复使用的代码块. 一.函数的声明方式(创建) A.基本语法 function 关键字 function 函数名([参数1] ...

  4. JavaScript学习笔记-函数

    函数的两种创建方式:函数定义表达式.函数声明语句 编译时,函数声明语句创建的函数会‘被提前’至外部函数的作用域顶部,在该作用域内可以被随意调用: 而函数表达式创建的函数,要调用它必须赋值给一个变量,编 ...

  5. JavaScript学习笔记-函数实例

    函数实例 var p = { a:15, b:'5', f1:function(){ var self = this; console.log(self.a+self.b); f2(); functi ...

  6. 前端学习 第六弹: javascript中的函数与闭包

    前端学习 第六弹:  javascript中的函数与闭包 当function里嵌套function时,内部的function可以访问外部function里的变量 function foo(x) {   ...

  7. JavaScript学习03 JS函数

    JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的 ...

  8. JavaScript学习总结-技巧、有用函数、简洁方法、编程细节

    整理JavaScript方面的一些技巧.比較有用的函数,常见功能实现方法,仅作參考 变量转换 //edit http://www.lai18.com var myVar = "3.14159 ...

  9. JavaScript学习笔记(七)——函数的定义与调用

    在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...

随机推荐

  1. 动态Lambda进阶一

    直接上代码: using System; using System.Collections.Generic; using System.Linq; using System.Text; using S ...

  2. [转载] C++11新特性

    C++11标准发布已有一段时间了, 维基百科上有对C++11新标准的变化和C++11新特性介绍的文章. 我是一名C++程序员,非常想了解一下C++11. 英文版的维基百科看起来非常费劲,而中文版维基百 ...

  3. JavaScript向select下拉框中加入和删除元素

    JavaScript向select下拉框中加入和删除元素 1.说明 a   利用append()方法向下拉框中加入元素 b   利用remove()方法移除下拉框中最后一个元素 2.设计源代码 < ...

  4. sql server 数据库 只有mdf文件,如何附加

    直接附加就可以,SQL 会提示LOG文件找不到,可删除提示的错误行,只附加MDF文件,附加成功后,SQL会自动创建LOG文件.

  5. Windows10微软在线账户与本地账户的切换方法

    Win10里面存在着两个账户,除了本地账户外,还有着一个微软在线账户,这个账户可以同步设置.日历等数据.不过对于大部分用户来说,本地账户已经足够我们使用了,那么这两个账户之间该如何切换呢? Win10 ...

  6. linux进程通信之共享内存

    共享内存同意两个或多个进程共享一给定的存储区,由于数据不须要来回复制,所以是最快的一种进程间通信机制.共享内存能够通过mmap()映射普通文件(特殊情况下还能够採用匿名映射)机制实现,也能够通过系统V ...

  7. Android - 用Fragments实现动态UI

    要在Android上实现动态的多窗口的用户交互界面,需要把UI组建和activity放到modules中, 这样才能划进划出activity.可是使用Fragment类来创建modules,它就像一个 ...

  8. HDU 1232:流问题(并检查集合)

    pid=1232">畅通project Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/32768 K (J ...

  9. 开源Math.NET基础数学类库使用(01)综合介绍

    原文:[原创]开源Math.NET基础数学类库使用(01)综合介绍 开源Math.NET基础数学类库使用系列文章总目录:   1.开源.NET基础数学计算组件Math.NET(一)综合介绍    2. ...

  10. POJ 1745 Divisibility (线性dp)

    Divisibility Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 10598   Accepted: 3787 Des ...