JavaScript函数的详细总结

笔记放在Github上,点击访问下载


函数—用于封装一系列代码来完成特定的任务

函数由关键字function声明

  • 方法(method)
    一般为定义在对象中的函数。
    如:var obj = { sayName:function(){} };这里的sayName()就是obj对象的一个方法。

  • 函数的表示方式
  1. 函数声明
function 函数名(形参列表){
	//函数体
}
  1. 函数表达式

将一个匿名函数赋值给一个函数变量,这种方式成为函数表达式

匿名函数 ---- 匿名函数的执行环境具有全局性

匿名函数最大的用途是创建闭包,并且还可以构建命名空间,以减少全局变量的使用。
function(){}

var 函数名 = function(形参列表){
	//函数体
}

立即执行函数 IIFE(Immediately-Invoked Function Expression)
(function(){})()或者(function(){}())形如这样的叫做立即执行函数
IIFE作用:
1.改变变量的作用域(创建一个独立的作用域)
2.封装临时变量,避免全局变量污染
3.只执行一次


  • 函数的内部属性–只有在函数内部才能访问的属性
  1. arguments 类数组对象,包含着传入函数中的参数

即使不定义形参,也能通过arguments使用实参
类数组对象:不是由Array构造函数创建的对象,但是指具有向对象元素的数字索引下标以及 length 属性
callee属性 用来指向拥有这个arguments对象的函数,length属性代表存放实参的个数

arguments的使用:

1).累加

function add(){
//console.log(arguments);//{ '0': 1, '1': 2, '2': 3, '3': 4 }
var total = 0;
for(var i=0;i<arguments.length;i++){
	total += arguments[i];
	}
return total;
}
var result = add(1,2,3,4);
console.log(result);//10

2).递归阶乘

function mul(n){
	if(n>1){
		return n*arguments.callee(n-1);
	}else{
		return 1;
	}	
}
  1. this–指向函数执行的环境对象–指向当前函数作用域 this指向详细介绍

length:返回函数形参的个数

function test(a,b){}
console.log(test.length);

函数声明提升在变量声明提升之前


  • 函数中返回 undefined 的情况:
  1. 函数中形参列表,在没有传入实参的情况下直接打印:undefined
function test(a){
	console.log(a);
}
test();//undefined
//这里a作为局部变量被声明,但是没有赋值,所以打印出undefined
  1. 作为对象方法被调用的函数,若其中没有内容,打印出:undefined
var obj = {
	test:function(){}
};
console.log(obj.test());//undefined
//一个方法(函数)中如果它的函数体为空时,在调用时会返回undefined
  1. 函数作为返回值时没有在其内部设置返回值,打印外部函数调用时:undefined
function test(){
	return function(){
		console.log(1);
	}
}
console.log(test()());// 1  undefined
//这里test()调用自身,然后再()调用内部的返回函数,打印出1,console.log()默认接受函数时会打印返回值,如果没有设定,会返回undefined
  1. 打印函数的调用会返回:undefined 与上一种情况类似
function test(){
	console.log(1);
}
console.log(test());//1  undefined
//例2:
function test(){};
console.log(test());
//这里test()相当于1,先打印1,然后console.log()在接受函数时,默认会打印返回值,如果没有设定返回值,会返回undefined。

console.log()在打印函数时,除了打印内容外,还会将函数的返回值打印,如果没有设定返回值,会返回undefined
更多undefined情况点击查看



函数的应用 ---- 函数本质上是一种对象,可以将其当成普通对象来使用
  1. 函数作为参数
	function handle(fun){
		var msg = "hello";
		fun(msg);
	}
	handle(function(m){
		console.log(m);
	});//hello
  1. 函数作为返回值
	function handle2(){
		return function(){
		console.log(123);
		}
	}
	handle2()();//123
	console.log(handle2());//[Function]
闭包 ---- 闭包就是有权访问另一个函数作用域中变量的函数 点击查看我所理解的闭包
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

King_960725

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值