读javascript高级程序设计03-函数表达式、闭包、私有变量

简介:

一、函数声明和函数表达式

定义函数有两种方式:函数声明和函数表达式。它们之间一个重要的区别是函数提升。

1.函数声明会进行函数提升,所以函数调用在函数声明之前也不会报错:

test();
function test(){
alert(1);
}

2.函数表达式不会进行函数提升,函数调用在函数声明之前的话会报错:

test(); // test is not a function
var test=function(){
alert(1);
}

二、递归函数

递归函数是通过在函数内部调用自身实现的。

①直接使用函数名进行递归调用

复制代码
function f(num){
  if(num==1){
  return 1;
  }else{
  return num*f(num-1);
  }
}
console.log(f(4));//24
console.log(f(5));//120
复制代码

这种实现的缺点是,在函数内部直接写死了函数名称。如果进行如下设置就会报错:

var test=f;
f=null;
console.log(test(3));//报错, f is not a function

②通过arguments.callee解决,arguments.callee是一个指向正在执行的函数的指针。这样就避免了上述问题。

复制代码
function f(num){
  if(num==1){
  return 1;
  }else{
  return num*arguments.callee(num-1);
  }
}
console.log(f(4));//24
console.log(f(5));//120
var test=f;
f=null;
console.log(test(3));//6
复制代码

不过这种方式还有一个缺点,就是在严格模式下会执行失败。

添加"use strict"后执行会报错:

'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

③采用命名函数表达式可以在严格模式下成功。

复制代码
"use strict";
var f=function t(num){
if(num==1){
  return 1;
  }else{
  return num*t(num-1);
  }
}
console.log(f(4));//24
console.log(f(5));//120
var test=f;
f=null;
console.log(test(3));//6
复制代码

三、闭包

闭包是有权访问另一个函数作用域内变量的函数。创建闭包的常见方式就是在一个函数内创建另外一个函数。在另一个函数内部定义的函数,会把外部函数的作用域添加到其作用域链中。

1.闭包与变量

①闭包只能取得包含函数中任意变量的最后一个值。例如:

复制代码
function createFunctions(){
  var result=new Array();
  for(var i=0;i<10;i++){
    result[i]=function(){
    return i;
    }
  }
  return result;
}
var result=createFunctions();
result[1]();//10
复制代码

这个方法调用传入1-10返回结果都是10,这并不符合预期。

②通过匿名函数进行改造:

复制代码
function createFunctions(){
  var result=new Array();
  for(var i=0;i<10;i++){
    result[i]=(function(num){
    return num;
    })(i);
  }
  return result;
}
var result=createFunctions();
result[2];//2
复制代码

改造后的运行结果符合我们的预期了。因为将i传递给num命名参数时是按值传递的。

2.闭包中的this

this变量是在运行时基于函数的执行环境绑定的。

在全局执行环境中,this指向window对象;

当函数作为某个对象的方法时,this等于那个对象;

匿名函数的执行具有全局性,this通常指向window对象。

①闭包中this实例:

复制代码
var name='window';
var object={
  name:"object",
  getName:function(){
    return function(){
        return this.name;
    }
} 
};
object.getName()();//window
复制代码

②先将闭包外部作用域中的this保存到一个闭包能访问到的变量中,这样就可以让闭包访问相应的对象了。例如:

复制代码
var name='window';
var object={
  name:"object",
  getName:function(){
var that=this;
     return function(){      
        return that.name;
    }
} 
};
object.getName()();//object
复制代码




相关文章
|
14天前
|
JavaScript 前端开发 安全
JavaScript函数详解
JavaScript函数的详细解析,包括函数的定义和调用方式(如一般格式、匿名函数、构造函数、自调用函数、箭头函数和严格模式)、函数参数(arguments对象、可变参数、默认参数值)、闭包的概念和应用实例。
JavaScript函数详解
|
1天前
|
JavaScript 前端开发
在JS中如何声明一个函数
在JS中如何声明一个函数
7 2
|
9天前
|
自然语言处理 JavaScript 前端开发
Javascript中的闭包encloure
【10月更文挑战第1天】闭包是 JavaScript 中一种重要的概念,指函数能够访问其定义时的作用域内的变量,即使该函数在其词法作用域之外执行。闭包由函数及其词法环境组成。作用域链和词法作用域是闭包的核心原理。闭包常用于数据隐藏和封装,如模块模式;在异步操作中也广泛应用,如定时器和事件处理。然而,闭包也可能导致内存泄漏和变量共享问题,需谨慎使用。
|
13天前
|
JavaScript 前端开发
JavaScript函数可以返回两个值
JavaScript函数可以返回两个值
|
13天前
|
自然语言处理 分布式计算 JavaScript
JavaScript函数
JavaScript函数
|
16天前
|
JSON JavaScript 数据格式
手写JS实现深拷贝函数
本文介绍了如何实现一个深拷贝函数`deepClone`,该函数可以处理对象和数组的深拷贝,确保拷贝后的对象与原始对象在内存中互不干扰。通过递归处理对象的键值对和数组的元素,实现了深度复制,同时保留了函数类型的值和基础类型的值。
17 3
|
14天前
|
缓存 JavaScript 前端开发
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
该文章详细讲解了JavaScript中的作用域、闭包概念及其应用场景,并简要分析了函数柯里化的使用。
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
|
16天前
|
前端开发 数据可视化 开发者
D3.js 内置的动画函数
D3.js 内置的动画函数
|
17天前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
24 3
|
16天前
|
JavaScript 前端开发
JavaScript 闭包
JavaScript 闭包
12 1