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做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的, ...
随机推荐
- 自动执行任务管理---TaskManage
这篇主要配合数据使用 先说数据库 名字都很标准---------------------------------- ------------------------------------------ ...
- 配合 APP 调用 JS 的一次尝试
项目初衷 最初的场景是用户在对购物车的操作中,由于用户对购物车的每次操作(包括选择,调整数量)都需要计算商品的促销和分组的情况,而这段逻辑的计算都需要调用后端的接口,那么瓶颈来了: 请求时间长--一次 ...
- TiD大会学习心得之沟通交流
沟通交流是敏捷成功的关键要素,据相关调查阻碍敏捷的主要原因都与人有关:例如缺乏领导支持.团队缺乏协作精神.公司文化与敏捷相冲突等等:同时沟通交流也是团队建设.教练自身成长的重要支柱.下面结合在< ...
- supervisorctl error: <class 'socket.error'>
http://stackoverflow.com/questions/18859063/supervisor-socket-error-issue supervisorctl reread error ...
- 《linux内核设计与实现》读书笔记第十七章
第17章 设备与模块 四种内核成分 设备类型:在所有 Unix 系统中为了统一普通设备的操作所采用的分类. 模块: Linux 内核中用于按需加载和卸载目标码的机制. 内核对象:内核数据结构中支持面向 ...
- 一个node项目的框架搭建流程
项目服务端编程语言node,前端js,数据库mongodb, 开发工具用webstorm. 使用express应用生成器,生成项目雏形. 安装应用生成器工具,命令是npm install expres ...
- 以rem为单位根据移动设备的分辨率动态设置font-size
无需指定font-size的大小 <script> // //- 设置根元素fontSize~ // (function (doc, win) { // var _root = doc.d ...
- highcharts 插件问题
Uncaught TypeError: $(...).highcharts is not a function 解决方法: $('#container').highcharts({ colors: [ ...
- awk sed 总结
Awk总结笔记 介绍 90年代 new awk :nawk Linux 的是gawk 我们简化awk 用法 # awk [options ] ‘scripts’ file1 file2 .... # ...
- scrollViewDidEndScrollingAnimation和scrollViewDidEndDecelerating的区别
#pragma mark - 监听 /** * 点击了顶部的标题按钮 */ - (void)titleClick:(XMGTitleButton *)titleButton { // 修 ...