浅谈js函数对象和闭包

函数

函数对象的创建:

1、函数声明
fn();
function fn(){}

上面这种函数统称函数声明,fn()是调用这个函数对象,fn()的调用位置不必刻意放在对应声明的函数下面,因为浏览器对js代码的解析机制是先声明函数,即声明提前,所以调用放哪都不会报错

2、函数表达式
var fn = function(){}
fn();

函数表达式的展开语法是var 变量名 = function 函数名(){};,因为函数赋值给变量后这个函数的调用也由变量调用,故函数名没有意义,这种函数也叫匿名函数

自执行函数

var fn = function(){}();
fn();

我理解为立即调用函数,function(){}后面跟()当即调用函数再赋值给fn,但不是所有函数体后面加()都是自执行函数,function fn(){}();执行结果就是报错,语法来看这是函数声明,那么声明到第一个花括号就结束了,最后一个花括号无法解析,应更改为(function fn(){}),这里把fn当做函数表达式,利用这种思维我们可以延伸多种写法

(function fn(){})();
+function fn(){}();
...在函数前面加上运算符把函数包裹为表达式
3、new一个函数
var fn = new Function("a","b"..."return a + b;");

函数是对象,所以也可以通过new关键字创建,不过这里创建是Function不是function,new关键字创建的是构造函数,构造函数会创建一个继承Function.__prototype__属性的对象。

闭包

定义:在某个函数定义的变量可以访问其他函数作用域中声明的变量,由于在JavaScript中作用域这个概念(我之前博客有说作用域),只有在函数内部的函数才可以访问局部变量,但是某些情况我们希望能在外面访问这个局部变量,这就是闭包。简而言之,一个函数访问了其他函数内部变量,那么这个函数就形成了闭包。在本质上,闭包是函数内部和函数外部连接起来的桥梁。

闭包的特点:

1、可以读取自身函数外部的变量,先从自身开始查找,如果自身没有才会继续往上级查找
2、延长内部变量的生命周期
3、参数和变量不会被垃圾回收机制回收

闭包的优点和缺点
好处

①保护函数内的变量安全,防止变量污染

②在内存中维持一个变量,可以做缓存

③匿名自执行函数可以减少内存消耗

坏处

①被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏;

创建闭包

创建闭包的最常见的方式就是在一个函数内再写一个函数,通过这个子函数访问这个函数的局部变量,利用闭包可以突破作用链域,将函数内部的变量和方法传递到外部。
以下以一个常用的return返回值建闭包为例子说明

function fna(){
	var world= "hello world";
	return function(){
		console.log(world);
	}
}
var fnb = fna();
fnb();

在这段代码中,fna()中的返回值是一个匿名函数,这个函数在fna()作用域内部,所以它可以获取fna()作用域下变量name的值,将这个值作为返回值赋给全局作用域下的变量fnb ,实现了在全局变量下获取到局部变量中的变量的值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值