JAVASCRIPT高程笔记-------第 七章 函数表达式
7.1递归
经典递归例子
function factorial(num){
if(num <= 1){
return 1;
}else{
return num * factorial(num - 1);
}
}
var a = factorial; //①
factorial = null; //②
alert(a(3)); // ③ factorial is not a function
//原因 栈内存中存放一个factorial变量 指向堆内存中的函数体 第①句代码 执行后 变量a 亦指向 堆内存中的函数体 第③句代码执行后 factorial 变量 不再指向堆内存中的函数体 而执行第③句代码时候 函数体内部调用了 factorial变量 此时的factorial已经为null 所以提示错误 //改造 arguments.callee函数 是一个指向正在运行的函数的指针 因此采用此方式可以避免 因名称更换导致的错误 此方式不适用严格模式
function factorial1(num){
if(num <= 1){
return 1;
}else{
return num * arguments.callee(num - 1);
}
}
var b = factorial1;
factorial1 = null;
alert(b(3)); // 6 // 命名函数表达式
var factorial2 = (function f(num){
if(num <= 1){
return num;
}else{
return num * f(num - 1);
}
}); var c = factorial2;
factorial2 = null;
alert(c(3)); // 6
7.2 闭包------是指有权访问另一个函数作用域中的变量的函数 个人理解 闭包就是函数A体内返回B函数 ,B函数在外部环境执行时还依赖函数A的作用域链(无关于执行环境而依赖定义的环境)
function a(x){
return function b(y){
return x + y ;
}
}
var a1 = a(5); //①
var b1 = a1(5); //②
console.log(b1); //10 代码①处 执行时 传入变量x为5 代码②则a1引用函数b 然后再传入5 给a1 实际执行a函数内返回的b函数 此时b函数依旧能访问a函数内部的变量x 所以结果 为10
闭包的副作用------闭包只能取得函数体内变量的最后一个值,如下示例
function createFunctions1(){
var result = new Array();
for(var i=0; i< 10; i++){
result[i] = function(){
return i;
}
}
return result;
} console.log(createFunctions1()[5]()); //
//============改造==============
function createFunctions2(){
var result = new Array();
for(var i=0; i< 10; i++){
result[i] = function(num){
return function(){
return num;
}
}(i);
}
return result;
} console.log(createFunctions2()[5]()); //
改造后并没有直接把闭包赋值给数组而是采用匿名函数的方式,并且立即执行这个匿名函数,返回匿名函数内部的闭包 得以访问每个参数的值
7.2 .1关于this对象 --- this对象通常指的是整个函数执行环境, 而函数做为某个对象的方法调用时this则等于那个对象,由于闭包和匿名函数具有全局性 因此this对象通常指向window对象---如果以call或者apply去改变函数执行环境,那么this就指向其他对象
7.2.2 内存泄漏 --- IE9 之前的版本采用的是引用计数的方式回收内存 ,而闭包是一个保留函数运行结果的全局变量,因此如果在IE9之前的浏览器内运行使用了HTML元素对象的引用,那么意味着该对象无法被销毁
7.3 模仿块级作用域
JS中没有块级作用域的概念,因此块语句中定义的变量,实际上是包含在整个函数体内的,js解析器不会告知是否多次声明了同一变量(不过,会执行变量的初始化)如下示例
function output1(){
for(var i=0; i< 2; i++){
continue;
}
var i;
console.log(i);
}
output1(); //2 访问了for循环体内的执行结果 所以等于2 function output2(){
for(var i=0; i< 2; i++){
continue;
}
console.log(i);//2 访问了for循环体内的执行结果 所以等于2
var i = 1; //对变量进行初始化
console.log(i); //
}
output2();
匿名函数可以模仿块级作用域来避免这样的命名冲突--适合大型项目中采用 此方式在执行完内部的匿名函数后内存会被释放掉 因此访问 i 的时候出错
//模仿块级作用域
function output3(){
(function(){
for(var i=0; i< 2; i++){
continue;
}
})(); console.log(i);// Uncaught ReferenceError: i is not defined
}
output3();
这种技术常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数,
7.4 私有变量 -------严格的说 js中没有私有成员的概念;所有对象属性都是公有的, 但是有私有变量的概念,任何在函数内部定义的变量,都可以认为是私有变量,因为不能在函数外部访问此变量 私有变量包括函数参数,局部变量和函数内部定义的其他函数
能够访问私有变量和私有函数的方法称之为特权方法 -- 如下示例:在构造函数内部定义了所有的私有变量和函数,然后创建来可以访问这些私有成员的特权方法 !
function MyObject(){
var privateName = 'zhangsan';
var privateFunction = function(){
return false;
}
this.publicFunction = function(){
console.log(privateName);
return privateFunction();
}
} var person = new MyObject();
console.log(person.publicFunction()); // zhangsan ; false;
7.4.1静态私有变量-------构造函数内部定义特权方法的缺点,就是必须使用构造函数模式来达到这个目的,而构造函数模式的缺点则是针对每个实例都会创建通用的方法,如果对象过多则会占用大量内存,基于此问题可以采用静态私有变量来避免这个问题
(function(){
var privateName = 'zhangsan';
var privateFunction = function(){
return false;
};
MyObject = function(){}; //注意此处未使用var声明 因此MyObject是一个全局变量
MyObject.prototype.publicFunction = function(){
console.log(privateName);
return privateFunction();
};
})();
var person = new MyObject();
console.log(person.publicFunction()); // zhangsan ; false;
7.4.2 模块模式-为单例创建私有变量和特权方法
//js中单例的定义是以字面量来创建的
var singleton = {
name : 'zhangsan',
method : function(){
return name;
}
}
console.log(singleton.method()); // zhangsan
//模块模式通过为单例添加私有变量和特权方法使其增强
var singleton = function(){
var privateName = 'zhangsan';
function privateFunction(){
return privateName;
}
return {
publicProperty : true,
publicMethod : function(){
return privateFunction();
}
};
}(); console.log(singleton.publicProperty); //true
console.log(singleton.publicMethod()); // zhangsan
7.4.3 增强的模块模式 -----此模式适用于单例必须是某种类型的实例,同时还必须添加其他的属性或方法对其加强
function CustomType(){
this.age = 18;
};
var singleton = function(){
var privateName = 'zhangsan';
function privateFunction(){
return privateName;
};
var Object = new CustomType();
Object.publicProperty = true;
Object.publicMethod = function(){
return privateFunction();
};
return Object;
}();
console.log(singleton.age); // 18 原实例中的年龄
console.log(singleton.publicProperty); //true 增强的属性
console.log(singleton.publicMethod()); // zhangsan 增强的方法
小结: 使用函数表达式可以无需对函数命名,从而实现动态编程,匿名函数也称拉达姆函数 !
函数表达式不同于函数声明,函数声明要求有名字,而函数表达式不需要,没有名字的函数表达式也叫做匿名函数
递归函数应该始终使用arguments.callee来递归调用自身,而不要使用函数名称;因为函数名称可能会改变
函数内部定义了其他函数,就创建了闭包。闭包有权访问包含函数内部的所有变量 ,闭包的作用域链上包含这它自身的作用域,函数的作用域和全局作用域 ,通常函数的作用域以及其中所有变量都会在函数执行完毕后进行销毁,但是由于闭包对函数的引用,这个函数的作用域将一直保存直到闭包不存在为止;
块级作用域 --创建并且立即调用一个函数,这样既可以执行函数,又不会在内存中留下函数的引用,其函数内部所有变量都会立即销毁
JAVASCRIPT高程笔记-------第 七章 函数表达式的更多相关文章
- JAVASCRIPT高程笔记-------第五章 引用类型
一.Object类型 1.1创建方式 ①new关键字 : var person = new Oject(); ②给定直接量: var person = { name : "zhangsan& ...
- 第七章 函数表达式和函数声明,关于this对象 ,私有作用域(function(){})() ,私有变量和特权方法
一:函数表达式和函数声明 1:函数声明和函数表达式的区别 ①函数声明不需要分号结尾 ②函数声明有函数提升的特点 ③函数声明后面不能跟圆括号直接调用,因为javascript将function关键字当作 ...
- JavaScript基础笔记(五) 函数表达式
函数表达式 一.闭包 概念:闭包是指有权访问另一个函数作用域中变量的函数. function createCompareFun(propertyName) { return function (obj ...
- 读书笔记 - js高级程序设计 - 第七章 函数表达式
闭包 有权访问另一个函数作用域中的变量的函数 匿名函数 函数没有名字 少用闭包 由于闭包会携带包含它的函数的作用域,因此会比其它函数占用更多的内存.过度使用闭包可能会导致内存占用过多,我们建议读者 ...
- JavaScript学习笔记(七)——函数的定义与调用
在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...
- javascript高程笔记-------第四章 变量、作用域和内存问题
首先JavaScript中的变量分为基本类型和引用类型. 基本类型就是保存在栈内存中的简单数据段,而引用类型指的是那些保存在堆内存中的对象. 1.参数传递 javascript中所有参数的传递都是值传 ...
- JAVASCRIPT高程笔记-------第六章 面向对象的程序设计
理解对象的概念 js中的对象与其他 编程语言中的类不一样 ECMAscript 没有类的概念 ECMA-262 把对象定义为 “无序属性的集合,其属性可以包含基本值,对象或者函数” ...
- Android群英传笔记——第七章:Android动画机制和使用技巧
Android群英传笔记--第七章:Android动画机制和使用技巧 想来,最 近忙的不可开交,都把看书给冷落了,还有好几本没有看完呢,速度得加快了 今天看了第七章,Android动画效果一直是人家中 ...
- JVM学习笔记-第七章-虚拟机类加载机制
JVM学习笔记-第七章-虚拟机类加载机制 7.1 概述 Java虚拟机描述类的数据从Class文件加载到内存,并对数据进行校验.转换解析和初始化,最终形成可以被虚拟机直接使用的Java类型,这个过程被 ...
随机推荐
- bash 提示用户输入 choice
read -p "Continue (y/n)?" choice case "$choice" in y|Y ) echo "yes";; ...
- centos7安装nginx的两种方法
第一种方式:通过yum安装 直接通过 yum install nginx 肯定是不行的,因为yum没有nginx,所以首先把 nginx 的源加入 yum 中 运行下面的命令: 1.将nginx放到y ...
- [tmux] Automate your workflow using tmux scripts
Do you have a standard workflow that involves setting up a specific tmux layout, or running certain ...
- [Angular Directive] Write a Structural Directive in Angular 2
Structural directives enable you to use an element as a template for creating additional elements. C ...
- html5-5 HTML5表单元素和内嵌框架
html5-5 HTML5表单元素和内嵌框架 一.总结 一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype ...
- Uncaught SyntaxError: Unexpected end of input 解决办法
Unexpected end of input 的英文意思是"意外的终止输入" 他通常表示我们浏览器在读取我们的js代码时,碰到了不可预知的错误,导致浏览器 无语进行下面的读取 ...
- 课堂随笔02--c#中string作为引用类型的特殊性
using System; namespace Test { class Test1 { static void Main(string[] args) { string str1 = "1 ...
- DownLoadManager[20530:228829] DiskImageCache: Could not resolve the absolute path of the old directory.
uiwebview 模拟器打开PDF文件时崩溃.报下面错误,还不知道为什么 DownLoadManager[20530:228829] DiskImageCache: Could not resolv ...
- sparksql jdbc数据源
用的本地模式,pom.xml中添加了mysql驱动包,mysql已经开启,写入的时候发现用format("jdbc").save()的方式发现会有does not allow cr ...
- win32命令行小程序获取指定文件夹或者目录下面的所有文件大小,文件数量,目录数量
#include <Windows.h> #include <stdio.h> #include <tchar.h> LARGE_INTEGER lgA ...