js007-函数表达式

本章内容

1、函数表达式的特征

2、使用函数实现递归

3、使用闭包定义私有量

定义函数的方式有两种:一:函数声明,二:函数表达式

函数声明:

function functionName( arg0, arg1, arg2){

//函数体

其中function是关键字 functionName:函数名;参数

关于函数声明,一个重要特征是函数声明提升:执行代码之前先读取函数声明;这意味着可以吧函数声明放在调用它的语句后面

sayHi();

function sayHi(){

alert("Hi!");

}

不会抛出错误因为:函数声明提升

函数表达式:

var functionName = function( arg0, arg1, arg2){

//函数体

}

创建一个函数并将它赋值给变量functionName

匿名函数

理解函数声明提升的关键是理解函数声明和函数表达之间的区别。

 

7.1递归

递归函数时在一个函数通过名字调用自身的情况下构成的。

function factorial(num){

if (num <= 1) {

return 1;

}else{

return num * factorial(num - 1);

}

}

 

7.2闭包

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的最常见的方式,是:在一个函数内部创建另一个函数仍以前面的createComparisonFunction()函数为例。

function createComparisonFunction(propertyName){

return function(object1, object2){

var value1 = object1[propertyName];

              var value2 = object2[propertyName];

if (value1 < value2) {

return -1;

}else if (value1 > value2) {

return 1;

}else{

return 0;

}

};

}

黑体是内部函数,它们访问了外部函数中的变量propertyName

7.2.1 闭包与变量

因为作用链的原因,闭包只能取得包含函数中任何变量的最后一个值.而闭包所保存的是整个的变量对象,而不是某个特殊变量

function createFunction(){

var result = new Array();

for (var i = 0; i < 10; i++) {

result[i] = function(){

return i;

};

}

return result;

}

表面上看,每个函数都返回自己的索引值。但是事实上每个返回的都是10因为每个函数的作用域链中都保存着createFunction()函数的活动对象,所以他们引用的都是同一个变量i

可以通过常见一个匿名函数强制让闭包的行为符合预期:

function createFunction(){

var result = new Array();

for (var i = 0; i < 10; i++) {

result[i] = function(num){

                     return function(){

                            return num;

                     };

              }(i);

}

return result;

}

定义一个匿名函数,并将执行该匿名函数的结果传给数组,匿名函数有一个参数num,是最终要返回的值。

7.2.2 关于this对象

this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this等于window,当函数被某个兑现的的方法调用是,this等于那个对象。匿名函数的执行环境具有全局性。

var name = "the windos";

var object = {

name: "My Object",

getNameFunc : function(){

return function(){

return this.name;

};

}

};

alert(object.getNameFunc()()); //"the windows"  (非严格模式下)

name: "My Object",是逗号!!

字面量方法定义对象里面的属性,用逗号隔开。定义一个对象后后分号结束。

一条执行语句之后用分号结束

var name = "the windos";

var object = {

name: "My Object",

getNameFunc : function(){

var that = this;

return function(){

return this.name;

};

}

};

alert(object.getNameFunc()()); //"My Object"

吧外部作用域中的this对象保存在一个闭包能够访问到的变量里,就可以让闭包访问该对象了。

this值可能会被意外的改变,在集中特殊情况下:

var name = "the windos";

var object = {

name: "My Object",

getNameFunc : function(){

return this.name;

}

};

object.getNameFunc(); //"My Object"

(object.getNameFunc)(); //"My Object"

(object.getNameFunc= object.getNameFunc)(); //"the windos"

第三句是什么意思(object.getNameFunc = object.getNameFunc)(); //"the windos"

7.2.3 内存泄露

闭包会引用包含函数的整个活动对象,其中包含着element,及时闭包不引用element包含函数的活动对象也仍然会保存一个引用,所以要把element变量设置为null,这样能够接车对DOM对象的引用,顺利地减少其引用书,确保正常收回其占用的内存。

7.3模仿块级作用域

JS没有块级作用域的概念,意味着块语句中定义的变量,实际上是包含在函数中而给语句中创建的。

function outputNumbers(count){

for (var i = 0; i < count; i++) {

alert(i);

}

alert(i); //计数

}

块级作用域(私有作用域)匿名函数的语法如下:

(function(){

//这里是块级作用域

})();

函数声明不能加圆括号,函数表达式可以添加圆括号。要把函数声明变成函数表达式可以如下做法

函数声明

函数表达式

function(){ //这里是块级作用域}();//出错

(function(){ //这里是块级作用域})();

私有作用域可以用于历史需要一些变量时:

function outputNumbers(count){

(function(){

for (var i = 0; i < count; i++) {

alert(i);

})();

alert(i); //导致错误

}

for循环外面插入了一个私有作用域,匿名函数中定义的任何变量都会在执行结束时被销毁

7.4 私有变量  (举例子,还未完成)

在JS中,所有对象属性都是公有的。不过,有一个私有变量的概念。任何函数中定义的变量,都可以认为是私有变量。因为外部函数无法访问该变量

7.4.1 静态私有变量

初始化一个未声明的变量总是会创建一个全局变量,全局变量能够在私有作用域外被访问到。在严格模式下,未经声明的变量赋值会导致错误

7.4.2模块模式

模块模式是为单例创建私有变量和特权方法。单例:只有一个实例的对象。

7.4.3 增强的模块模式

在返回对象之前加入对其增强的代码。这种增强的模块模式适用那些单例必须是魔种类型的实例,同时还必须添加某些属性和方法对其加以曾强的情况

声明:该博客由http://www.cnblogs.com/lal-fighting/原创发表,未经作者允许,不得私自转载抄袭!!!

js007-函数表达式的更多相关文章

  1. 立即执行函数表达式(IIFE)

    原文地址:benalman.com/news/2010/11/immediately-invoked-function-expression/ 译者:nzbin 也许你还没有注意到,我是一个对术语比较 ...

  2. JavaScript 函数表达式

    JavaScript中创建函数主要有两种方法:函数声明和函数表达式.这两种方式都有不同的适用场景.这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一一描述. 主要特点 可选的函数名称 函 ...

  3. JavaScript函数表达式、闭包、模仿块级作用域、私有变量

    函数表达式是一种非常有用的技术,使用函数表达式可以无需对函数命名,从而实现动态编程.匿名函数,是一种强大的方式,一下总结了函数表达式的特点: 1.函数表达式不同于函数声明,函数声明要求有名字,但函数表 ...

  4. javascipt的【函数表达式】

    函数表达式 在编程时,我们可以看到不管是什么类库,jquery也好,zepto也好,都会用到大量的命名函数和匿名函数表达式,本节点就是为了弄懂为何会有这些函数表达式,以及在什么情况下会使用到这些表达式 ...

  5. js函数表达式和函数声明的区别

    我们已经知道,在任意代码片段外部添加包装函数,可以将内部的变量和函数定义"隐 藏"起来,外部作用域无法访问包装函数内部的任何内容. 例如: var a = 2; function ...

  6. js立即调用的函数表达式

    1.多种实现 // 下面2个括弧()都会立即执行 (function () { /* code */ } ()); // 推荐使用这个 (function () { /* code */ })(); ...

  7. 深入理解javascript系列(4):立即调用的函数表达式

    本文来自汤姆大叔 前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行. 在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法 ...

  8. 一步步学习javascript基础篇(6):函数表达式之【闭包】

    回顾前面介绍过的三种定义函数方式 1. function sum (num1, num2) { return num1 + num2; }  //函数声明语法定义 2. var sum = funct ...

  9. javascript中函数声明和函数表达式浅析

    记得在面试腾讯实习生的时候,面试官问了我这样一道问题. //下述两种声明方式有什么不同 function foo(){}; var bar = function foo(){}; 当初只知道两种声明方 ...

  10. JavaScript函数表达式

    函数表达式的基本语法形式 var functionName = function(arguments){ //函数体 } 递归建议 我们通过例子来一步步说明,递归的最佳实现方式.下面是普通递归调用的例 ...

随机推荐

  1. 实现解耦-Spring.Net

    spring.net属于IOC(中文名:控制反转)的思想实现. 概念解释: 控制反转概念: 控制反转(Inversion of Control,缩写为IoC),是面向对象编程中的一种设计原则,可以用来 ...

  2. js中递归函数的使用介绍

    所谓的递归函数就是在函数体内调用本函数.使用递归函数一定要注意,处理不当就会进入死循环.递归函数只有在特定的情况下使用 ,比如阶乘问题 递归函数是在一个函数通过名字调用自身的情况下构成的,如下所示: ...

  3. Mysql 慢查询和慢查询日志分析

    众所周知,大访问量的情况下,可添加节点或改变架构可有效的缓解数据库压力,不过一切的原点,都是从单台mysql开始的.下面总结一些使用过或者研究过的经验,从配置以及调节索引的方面入手,对mysql进行一 ...

  4. HTML5基础知识(3)--required属性

    1.required属性规定在提交之前要填写输入域(不能为空). 2.代码 <body> <form> 账号:<input type="text" r ...

  5. Dubbo系列(2)_RPC介绍

    一.本文目的         主要介绍RPC的一些概念和应用. 二.为什么要介绍RPC    DUBBO是一个分布式服务框架,致力于提供高性能和透明化的RPC远程服务调用方案,是阿里巴巴SOA服务化治 ...

  6. ES6新特性:Proxy代理器

    ES6新特性:Proxy: 要使用的话, 直接在浏览器中执行即可, node和babel目前还没有Proxy的polyfill;,要使用的话,直接在浏览器中运行就好了, 浏览器的兼容性为:chrome ...

  7. poj2774 后缀数组2个字符串的最长公共子串

    Long Long Message Time Limit: 4000MS   Memory Limit: 131072K Total Submissions: 26601   Accepted: 10 ...

  8. 资源: StaticResource, ThemeResource

    StaticResource ThemeResource 示例1.演示“StaticResource”相关知识点Resource/StaticResourceDemo.xaml <Page x: ...

  9. Yii学习

    今天保存出错,但是什么也没提示,所以就查了下,怎么输出错误 $model->save(); $model->getErrors(); 获取,刚插入数据的id $reply->save ...

  10. bounds的剖析

    bounds的剖析:   UIScrollView的常见属性: contentSize:滚动范围,内容的尺寸(CGSize) contentInset :内边距:内容的上左下右的边距(UIEdgeIn ...