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 - 函数的更多相关文章
- JavaScript学习09 函数本质及Function对象深入探索
JavaScript学习09 函数本质及Function对象深入探索 在JavaScript中,函数function就是对象. JS中没有方法重载 在JavaScript中,没有方法(函数)重载的概念 ...
- Javascript学习之函数(function)
在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针. 一 函 ...
- JavaScript学习笔记——函数
javascript函数的声明和调用 将完成某一特定功能的代码集合起来,可以重复使用的代码块. 一.函数的声明方式(创建) A.基本语法 function 关键字 function 函数名([参数1] ...
- JavaScript学习笔记-函数
函数的两种创建方式:函数定义表达式.函数声明语句 编译时,函数声明语句创建的函数会‘被提前’至外部函数的作用域顶部,在该作用域内可以被随意调用: 而函数表达式创建的函数,要调用它必须赋值给一个变量,编 ...
- JavaScript学习笔记-函数实例
函数实例 var p = { a:15, b:'5', f1:function(){ var self = this; console.log(self.a+self.b); f2(); functi ...
- 前端学习 第六弹: javascript中的函数与闭包
前端学习 第六弹: javascript中的函数与闭包 当function里嵌套function时,内部的function可以访问外部function里的变量 function foo(x) { ...
- JavaScript学习03 JS函数
JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的 ...
- JavaScript学习总结-技巧、有用函数、简洁方法、编程细节
整理JavaScript方面的一些技巧.比較有用的函数,常见功能实现方法,仅作參考 变量转换 //edit http://www.lai18.com var myVar = "3.14159 ...
- JavaScript学习笔记(七)——函数的定义与调用
在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...
随机推荐
- Linux下一个php+mysql+nginx构建编译(三)
在此之前一直是一个关键构建webserver.但一个关键的建筑环境都比较旧的.假定使用一个相对较新的环境,尤其是正式的server.您必须手动编译自己建(基于以下的结构linux centos6.5 ...
- JVM内存区域划分Eden Space、Survivor Space、Tenured Gen,Perm Gen解释(转)
jvm区域总体分两类,heap区和非heap区.heap区又分:Eden Space(伊甸园).Survivor Space(幸存者区).Tenured Gen(老年代-养老区). 非heap区又分: ...
- Ubuntu 13.04/12.10安装Oracle 11gR2图文教程(转)
Ubuntu 13.04/12.10安装Oracle 11gR2图文教程 原文标题:How to Install Oracle 11G R2 Enterprise Edition Database U ...
- 谷歌技术面试要点(Google面试)(14年5月20日交大专场)
技术面试的主题 1.简要自我介绍: 姓名.学校.专业 做过的项目与实习 个人主要成就 2.技术评估: 构建与开发算法 编程 计算机基础知识 数据结构 现实世界问题解决能力 设计问题(主要针对博士生) ...
- DiskFileUpload类
1.2.2 DiskFileUpload类 DiskFileUpload类是Apache文件上传组件的核心类,应用程序开发者通过这个类来与Apache文件上传组件进行交互.以下介绍DiskFileUp ...
- C++ Primer注意事项11_运算符重载_算术/关系运算符_下标运算符
1.算术/关系运算符 平时,定义成非成员函数以同意左右側运算对象进行转换.由于这些运算符一般不须要改变运算对象的状态,所以形參都是常量的引用. 以"+"号运算符为例: Person ...
- virtio-netdev 发送数据包
在前面几文中已经大体介绍了virtio的重要组成,包含virtio net设备的创建,vring的创建,与virtio设备的交互方式.我们就从网络数据包的发送角度来看下virtio的详细使用流程. [ ...
- t持久化与集群部署开发详解
Quartz.net持久化与集群部署开发详解 序言 我前边有几篇文章有介绍过quartz的基本使用语法与类库.但是他的执行计划都是被写在本地的xml文件中.无法做集群部署,我让它看起来脆弱不堪,那是我 ...
- WPF下的视频录制界面设计
原文:WPF下的视频录制界面设计 在去年12月份,我曾经写过三篇文章讨论C#下视频录制.播放界面的设计.这三篇文章是:利用C#画视频录制及播放的界面(一) 利用C#画视频录制及播放的界面(二)利用C# ...
- JAVA基础编程50题(10-12题)具体解释
一.描写叙述 1.一球从m米高度自由落下.每次落地后反跳回原高度的一半:再落下,求它在 第n次落地时.共经过多少米?第10次反弹多高? 2.有1.2.3.4个数字.能组成多少个互不同样且无反复数字的三 ...