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类型,这个过程被 ...
随机推荐
- Strut2与Hibernate的一个web分页功能
代码没有进行过多的封装,可能看起来有点action代码部分,hibernate在这里只起到了一个查询记录集的作用. import java.util.ArrayList; import java.ut ...
- dnf游戏外怪原理
dnf游戏外怪原理 一.总结 一句话总结:用钩子,修改内存.找到存储数据的内存,修改内存的执行代码达到修改数据的目的,修改了数据之后再改回来. 1.如何找到存储数据的内存? 然后数据变化,用软件找变化 ...
- php实现 字符个数统计
php实现 字符个数统计 一.总结 一句话总结: 1.php字符转ascii码函数? ord() 6 if(ord($input[$i]) < 128 and 0 < ord($input ...
- CocoaPods详解之(一)----使用篇
CocoaPods详解之----使用篇 作者:wangzz 原文地址:http://blog.csdn.net/wzzvictory/article/details/18737437 一.什么是Coc ...
- AJAX跨域与JSONP的一点实践经验
前几个周,项目中遇到了AJAX跨域的问题,然后找资料解决了. 首先要说明一点,关于AJAX的跨域原理和实践,我的经验还是比较少的,我只是大致看了下网上的资料,结合自己的理解,找到了解决办法,暂时不去仔 ...
- 【24.58%】【BZOJ 1001】狼抓兔子
Time Limit: 15 Sec Memory Limit: 162 MB Submit: 19227 Solved: 4726 [Submit][Status][Discuss] Descrip ...
- Jdbc连接MySQL 8时报错“MySQLNonTransientConnectionException: Public Key Retrieval is not allowed”
一.问题 因停电检修,今天重启服务器后,再启动jboss就报错"MySQLNonTransientConnectionException: Public Key Retrieval is n ...
- iOS 多线程的使用
iOS 多线程 先看一篇阮一峰写关于进程和线程的文章,快速了解线程的相关概念. 随着现在计算机硬件的发展,多核心.高频率的cpu越来越普及,为了充分发挥cpu的性能,在不通的环境下实现cpu的利用最大 ...
- xml报错(dtd):The markup declarations contained or pointed to by the document type declaration must be well-formed
文件后缀为.xml里如下一行报错“The markup declarations contained or pointed to by the document type declaration mu ...
- axios 提交 application/x-www-form-urlencoded
最近工作比较忙 , 喜欢上了用有道云做笔记 , 写博客就是为了记录自己的学习的点点滴滴 , 如果能对其他人有帮助当然最好了 , 我一定要将这个习惯进行下去 .. ..... 我们以前的前后交互方式一般 ...