js 函数总结
函数的基本语法如下所示:
function functionName(arg0, arg1,...,argN) {
statements
} 函数如果有返回值则return 后的语句将不会被执行,返回值可以直接在return语句中实现,没有return返回的undefined
函数中的参数:
1.函数中不介意传递的参数个数和参数的类型,函数中的参数其实是一个数组,可以通过arguments 来访问参数
2.函数中的参数不能重载,ECMAScript 中定义了两个名字相同的函数,则该名字只属于后定义的函数
Function类型
函数实际上是Function类型的实例,函数名相当于只想函数对象的指针,它与其他引用类型一样有属性和方法。
由于函数名仅仅是指向函数的指针,因此函数名与包含对象指针的其他变量没有什么不同。函数作为另一个函数的参数或者另一个函数的返回值(函数的嵌套)换句话
说,一个函数可能会有多个名字,如下面的例子所示。
function sum(num1, num2){
return num1 + num2;
}
alert(sum(10,10)); //20
var anotherSum = sum;
alert(anotherSum(10,10)); //20
sum = null;
alert(anotherSum(10,10)); //20
FunctionTypeExample01.htm
以上代码首先定义了一个名为sum()的函数,用于求两个值的和。然后,又声明了变量anotherSum,
并将其设置为与sum 相等(将sum 的值赋给anotherSum)。注意,使用不带圆括号的函数名是访问函
数指针,而非调用函数。此时,anotherSum 和sum 就都指向了同一个函数,因此anotherSum()也
可以被调用并返回结果。即使将sum 设置为null,让它与函数“断绝关系”,但仍然可以正常调用
anotherSum()。ECMAScript 中的函数名本身就是变量,所以函数也可以作为值来使用。也就是说,不仅可以像传递参数一样把一个函数传递给另一个函数,而且可以将一个函数作为另一个函数的结果返回。
函数声明三种方法:
function sum (num1, num2) {
return num1 + num2;
}
函数表达式声明
var sum = function(num1, num2){
return num1 + num2;
};
一种定义函数的方式是使用 Function 构造函数。Function 构造函数可以接收任意数量的参数,
但最后一个参数始终都被看成是函数体,而前面的参数则枚举出了新函数的参数。来看下面的例子:
var sum = new Function("num1", "num2", "return num1 + num2"); // 不推荐
函数表达式和函数声明的比较
函数声明提升:在函数执行前,解析器会先读取函数的声明 ,再调用相应函数
函数内部的对象:this(函数执行环境的对象),arguments(类数组对象,保存函数的参数)
函数内部的属性length:函数中接受参数的个数,prototype
函数内部的方法:apply ()和call()
。这两个方法的用途都是在特定的作
用域中调用函数,实际上等于设置函数体内this 对象的值。首先,apply()方法接收两个参数:一个
是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是Array 的实例,也可以是
arguments 对象。例如:
function sum(num1, num2){
return num1 + num2;
}
function callSum1(num1, num2){
return sum.apply(this, arguments); // 传入arguments 对象
}
function callSum2(num1, num2){
return sum.apply(this, [num1, num2]); // 传入数组
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20
在严格模式下,未指定环境对象而调用函数,则this 值不会转型为window。
除非明确把函数添加到某个对象或者调用apply()或call(),否则this 值将是
undefined。
apply()和call()真正的用武之地;它们真正强大的地方是能够扩充函数
赖以运行的作用域
匿名函数: 创建的 函数赋值给变量
http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html
http://www.cnblogs.com/rainman/archive/2009/05/04/1448899.html
(全局变量会保存在内存中,局部变量函数执行后会被销毁) 区分好全局和局部
闭包:闭包是指有权访问另一个函数作用域中的变量的函数(函数嵌套)。由于闭包会携带包含它的函数的作用域,),作用域链终点的全局执行环境 作用:可以在函数外部读取函数内部的局部变量,另一个就是让这些变量的值始终保持在内存中。(即闭包指的是函数嵌套中的内部函数所以这些变量指外部函数中包含的变量)
因此会比其他函数占用更多的内存
闭包副作用:,即闭包只能取得包含函数中任何变量的最后一个值
function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = function(){
return i;
};
}
return result;
}//都是返回10
function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = (function(num){
return function(){
return num;
};
})(i);
}
return result;
}//1,2,3…..10
递归函数(一个函数通过名字调用自身)
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * factorial(num-1);
}
}
。虽然这个函数表面看来没什么问题,但下面的代码却可能导致它出错。
var anotherFactorial = factorial;
factorial = null;
alert(anotherFactorial(4)); //出错!
arguments.callee 是一个指向正在执行的函数的指针,因此可以用它来实现对函数
的递归调用
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * arguments.callee(num-1);
}
在严格模式下,不能通过脚本访问arguments.callee,访问这个属性会导致错误。不过,可
以使用命名函数表达式来达成相同的结果。例如:
var factorial = (function f(num){
if (num <= 1){
return 1;
} else {
return num * f(num-1);
}
});
js 函数总结的更多相关文章
- 3.3 js函数
1.函数语法: 函数声明的方式:function 函数名(参数1,参数2-){//函数体;}函数调用:函数名(参数1,参数2-); 函数内不一定都指定返回值. 如果需要指定返回值,可用 return ...
- Js函数function基础理解
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...
- js函数表达式和函数声明的区别
我们已经知道,在任意代码片段外部添加包装函数,可以将内部的变量和函数定义"隐 藏"起来,外部作用域无法访问包装函数内部的任何内容. 例如: var a = 2; function ...
- 通用js函数集锦<来源于网络> 【二】
通用js函数集锦<来源于网络> [二] 1.数组方法集2.cookie方法集3.url方法集4.正则表达式方法集5.字符串方法集6.加密方法集7.日期方法集8.浏览器检测方法集9.json ...
- 通用js函数集锦<来源于网络/自己> 【一】
通用js函数集锦<来源于网络/自己>[一] 1.返回一个全地址2.cookie3.验证用户浏览器是否是微信浏览器4.验证用户浏览器是否是微博内置浏览器5.query string6.验证用 ...
- 100多个基础常用JS函数和语法集合大全
网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统 ...
- JS函数
1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏 ...
- js函数和运算符
函数是由事件驱动或者它被调用时执行可重复使用的代码块. <script> function myFunction(){ Alert(“hello World!”): } </scri ...
- JavaScript学习03 JS函数
JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的 ...
- JSF页面中使用js函数回调后台bean方法并获取返回值的方法
由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的, ...
随机推荐
- *HDU1800字典树
Flying to the Mars Time Limit: 5000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Other ...
- TweenMax学习一
TweenMaxjs是一个性能很高的js动画框架,它与css3动画具有时间轴的概念.你可以很方便的把动画添加到一个时间轴队列里面去按照你需要的顺序去执行. 官网地址: http://greensock ...
- cloudera learning7:Hadoop资源管理
Linux Control Groups(cgroups):在操作系统级别进行资源分配,可通过Cloudera Static Service Pools配置. YARN调度器配置:对运行在YARN上的 ...
- 完全使用接口方式调用WCF 服务
客户端调用WCF服务可以通过添加服务引用的方式添加,这种方式使用起来比较简单,适合小项目使用.服务端与服务端的耦合较深,而且添加服务引用的方式生成一大堆臃肿的文件.本例探讨一种使用接口的方式使用WCF ...
- 对Live Writer支持的继续改进:设置随笔地址别名(EntryName)
在我们发布[功能改进]Live Writer发博支持"建分类.加标签.写摘要"之后,Artech提了一个很好的建议:希望在Live Writer发布随笔时可以设置EntryName ...
- imx6 usb otg config 配置
imx6 usb的host和slave配置,配置之后,安装gadget模块,就能够在host和slave之间切换. 参考文档: i.MX 6Dual/6Quad Linux Reference Man ...
- C#实现对远程服务器的内存和CPU监控
C#实现对远程服务器的内存和CPU监控小记 1. 主要使用到的组件有System.Management.dll 2. 主要类为 :ManagementScope 连接远程服务器示例代码: priv ...
- MQTT——java简单测试(二)
服务端代码: package bsit.mqtt.demo.one_way; import org.eclipse.paho.client.mqttv3.MqttClient; import org. ...
- python Gunicorn
1. 简介 Gunicorn(Green Unicorn)是给Unix用的WSGI HTTP 服务器,它与不同的web框架是非常兼容的.易安装.轻.速度快. 2. 示例代码1 def app(envi ...
- css响应式布局RWD
响应式布局结合了三大理念: 1)用于布局的弹性网络(百分比定义宽度) 2)用于图片和视频的弹性媒体 3)媒体查询 在布局中,需要注意的点有: 1)尽量用min-width/max-width,max- ...