内容要点:

1.函数表达式定义后立即调用: var tensquared = ( function(x){ return x*x ;}(10) );

2.嵌套函数:

      在JS里,函数可以嵌套在其他函数里。例如:

          function hypotenuse(a,b){

               function square(x){ return x*x;}

               return Math.sqrt(square(a)+square(b));     

           }

     嵌套函数的变量作用域规则:它们可以访问嵌套它们(或多重嵌套)的函数的参数的参数和变量。例如,在上面的代码中,内部函数aquare()可以读写外部函数hypotenuse()定义的参数a和b。

3.四种方式来调用JS函数

       作为函数、作为方法、作为构造函数、通过它们的call()和apply()方法间接调用

4.定义并调用一个函数来确定当前脚本运行时是否为严格模式

        var strict = ( function(){ return !this }());

5.方法调用和函数调用的一个重要的区别:

     即:调用上下文。

     属性访问表达式由两部分组成:一个对象(o)和属性名称(m)。在像这样的方法调用表达式里,对象o成为调用上下文,函数体可以使用关键字this引用对象。例如:

     var calculator = {      //对象直接量

         operand1:1,

         operand2:1,

         add:function(){

             //注意this关键字的用法,this指代当前对象

            this.result = this.operand1 + this.operand2;

            }

        };

     calculator.add(); //这个方法调用计算1+1结果

     calculator.result  //=> 2

   方法和this关键字是面向对象编程范例的核心。任何函数只要作为方法调用,实际上都会传入一个隐式的实参---这个实参是一个对象,方法调用的母体就是这个对象。

   通常来讲,基于那个对象的方法可以执行多种操作,方法调用的语法已经很清晰地表明了函数将基于一个对象进行操作。

6.方法链:

    当方法的返回值是一个对象,这个对象还可以再调用它的方法。这种方法调用序列中(通常称为 "链" 或者 "级联")每次的调用结果都是另外一个表达式的组成部分。比如,基于jQuery库,

    //找到所有的header,取得它们id的映射,转换为数组并它们进行排序

    $(":header").map(function(){ return thsi.id }).get().sort();

   当方法并不需要返回值时,最好直接返回this。

7.this关键字

   this是一个关键字,不是变量,也不是属性名。JS语法不允许给this赋值。

   和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this。

   如果嵌套函数作为方法调用,其this的值指向调用它的对象。如果嵌套函数作为函数调用,其this值不是全局对象(非严格模式下)就是undefined(严格模式下)。

   很多人误以为调用函数时this会指向调用外层函数的上下文。如果你想访问这个外部函数的this值,需要将this的值保存在一个变量里,这个变量和内部函数都同在一个作用域内。通常使用变量self来保存this。

   例如:

       var o = {              //对象o

          m : function(){    //对象中的方法m()

              var self = this; //将this的值保存至一个变量中

              console.log( this ===0 );  //输出true,,this就是这个对象o

              f();  //调用辅助函数f()

              function f(){                       //定义一个嵌套函数f()

                 console.log(this === 0);   // "false":this的值是全局对象或undefined

                 console.log(self === 0);   // "true":self指外部函数的this值

                      }

                  }

             };

8.构造函数的调用:

   如果构造函数没有形参,JS构造函数调用的语法是允许省略实参列表和圆括号的。凡是没有形参的构造函数调用都可以省略圆括号。比如,下面这两行代码就是等价的:

   var o = new Object();

   var o = new Object;

9."||"运算符

    if(a ===undefined ) a = []; //如果未定义,则使用新数组

    相等于 a = a || [];

    需要注意的是,使用 "||"运算符代替if语句的前提是a必须预先声明,否则a=a||[]会报引用错误,在这个例子中a是作为形参传入的,相当于var a,即已经声明了a,所以这样用是没有问题的。

《JS权威指南学习总结--第8章 函数知识》的更多相关文章

  1. 简单物联网:外网访问内网路由器下树莓派Flask服务器

    最近做一个小东西,大概过程就是想在教室,宿舍控制实验室的一些设备. 已经在树莓上搭了一个轻量的flask服务器,在实验室的路由器下,任何设备都是可以访问的:但是有一些限制条件,比如我想在宿舍控制我种花 ...

  2. 利用ssh反向代理以及autossh实现从外网连接内网服务器

    前言 最近遇到这样一个问题,我在实验室架设了一台服务器,给师弟或者小伙伴练习Linux用,然后平时在实验室这边直接连接是没有问题的,都是内网嘛.但是回到宿舍问题出来了,使用校园网的童鞋还是能连接上,使 ...

  3. 外网访问内网Docker容器

    外网访问内网Docker容器 本地安装了Docker容器,只能在局域网内访问,怎样从外网也能访问本地Docker容器? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Docker容器 ...

  4. 外网访问内网SpringBoot

    外网访问内网SpringBoot 本地安装了SpringBoot,只能在局域网内访问,怎样从外网也能访问本地SpringBoot? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装Java 1 ...

  5. 外网访问内网Elasticsearch WEB

    外网访问内网Elasticsearch WEB 本地安装了Elasticsearch,只能在局域网内访问其WEB,怎样从外网也能访问本地Elasticsearch? 本文将介绍具体的实现步骤. 1. ...

  6. 怎样从外网访问内网Rails

    外网访问内网Rails 本地安装了Rails,只能在局域网内访问,怎样从外网也能访问本地Rails? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Rails 默认安装的Rails端口 ...

  7. 怎样从外网访问内网Memcached数据库

    外网访问内网Memcached数据库 本地安装了Memcached数据库,只能在局域网内访问,怎样从外网也能访问本地Memcached数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装 ...

  8. 怎样从外网访问内网CouchDB数据库

    外网访问内网CouchDB数据库 本地安装了CouchDB数据库,只能在局域网内访问,怎样从外网也能访问本地CouchDB数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Cou ...

  9. 怎样从外网访问内网DB2数据库

    外网访问内网DB2数据库 本地安装了DB2数据库,只能在局域网内访问,怎样从外网也能访问本地DB2数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动DB2数据库 默认安装的DB2 ...

  10. 怎样从外网访问内网OpenLDAP数据库

    外网访问内网OpenLDAP数据库 本地安装了OpenLDAP数据库,只能在局域网内访问,怎样从外网也能访问本地OpenLDAP数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动 ...

随机推荐

  1. saltstack布署实践 【安装】

    借用链接http://www.cnblogs.com/liuyansheng/p/6094122.html的安装方式,我再同步一下其它操作系统的安装方式,由原Docker官网拷贝 Ubuntu1404 ...

  2. flexbox备忘

    伸缩项目的父元素: display:flex || display:inline-flex fiex-direction: row(默认) | row-reverse | column | colum ...

  3. js实现购买数量加减效果

    写在前面:当我们需要在多个页面都有操作数量的需求时的一种解决方案 结构: js代码: <script type="text/javascript"> function ...

  4. Top 20 JavaScript Projects of 2017

    https://www.youtube.com/watch?v=SUMn8y3pi28 20. AngularJS 1 19. Passport 18. Pug 17. Socket.IO 16. J ...

  5. c# base和this在构造函数中的应用

    构造函数可以使用 base 关键字来调用基类的构造函数.例如: public class Manager : Employee{ public Manager(int annualSalary) : ...

  6. C# 语言规范_版本5.0 (第19章 附录A_文档注释)

    A. 文档注释 C# 提供一种机制,使程序员可以使用含有 XML 文本的特殊注释语法为他们的代码编写文档.在源代码文件中,可以使用特定形式的注释来指导工具从这些注释及其后的源代码元素生成 XML.使用 ...

  7. release management客户端无法连接到release management server的问题解决

    参考:http://myalmblog.com/2014/03/error-installing-release-management-client/ 装了服务器,装客户端.然后客户端连不上服务器. ...

  8. ios 状态码

    9001 无网络 9002 url错误 9003 链接超时 9005 json解析错误 9503 503 error

  9. [MFC美化] USkin使用详解-使用方法

    该种皮肤库资料很少,用法与前面几种类似. 它主要有:USkin.dll ,USkin.lib,USkin.h和Sakura.msstyles这四个文件.皮肤格式是.u3.SkinBuilder是USk ...

  10. react重学

    知识点一:react解析中 return {__html:rawMarkup}; 这里的html前边用的是双下划线(谢谢学妹的指点)