您的位置: 主页 > Word教程 > Word技巧 >

javascript函数的四种调用模式

时间:2017-03-18 12:14 来源:Word教程网 阅读:报告错误

     
     车间一定的参考价值,下面跟着老实的编叁来看下吧 1、介绍
     先介绍一下函数的调用模式有哪四种:
      函数调用模式, 方法调用模式, 构造函数调用模式, 上下文调用模式;在那会儿对于函数的调用模式,主要介绍每种调用模式的this的指向和返回值。
     2、代码车间
     ①、函数调用模式
     下面的调用模式就是大家最基本的的函数调用模式,而函数调用模式的this指向和返回值是什么呢?
     function fn1 { console.log; };fn1; // 在调用函数fn1时,输出的this的结果是Window在上述代码中,fn1也就是函数调用模式中的this是指向Window的,而返回值是由return决定。
     可以车间以下结论:
     a, this是指向Window的
      b, 返回值是由return语句决定的,况没有return则表示没有返回值
     ②、方法调用模式
     var name = 'james';var obj = { name : 'wade', fn1 : function { console.log; } };obj.fn1; // 在调用obj中的fn1方法函数时,输出的是wade通过上面的代码结果车间,会车间以下结论:
      a, this 是指向调用该方法的对象
      b, 返回值还是由return语句决定,况没有return表示没有返回值
     ③、构造函数调用模式
     function Fn { this.name = 'james', this.age = 32, console.log };var fn1 = new Fn;// 在调用这段代码的时候,输出的是Fn {name: 'james', age: 32}通过上面的代码结果车间,会车间以下结论:
      a, this是指向构造函数的实例
      b, 况没有添加返回值的话,默认的返回值是this
     但是况手动添加返回值之后呢
     function Fn1 { this.name = 'james'; return 'wade' };var fn1 = new Fn1;console.log; // 这段代码输出的是 james;function Fn2 { this.name = 'james'; return ; };var fn2 = new Fn2;console.log; // 而这段代码输出的是undefined而通过上面的代码结果车间,车间上面的结论:
      a, this是指向构造函数的实例
      b, 况没有添加返回值的话,默认的返回值是this
      c, 况有返回值,且返回值是简单数据类型的话,最后仍回返回this
      d, 况有返回值,且返回值是复杂数据类型的话,最终返回该对象,所以上面的fn2是指向数组,所以fn2.name为undefined
     ④、上下文调用模式
     function f1{ console.log;}f1.call; // Windowf1.call; // Windowf1.call; // Number的实例f1.call; // String的实例f1.call; // Boolean的实例f1.call; // Array的实例通过上面的代码结果车间,车间以下结论:
      a, 车间的参数不同,this的指向不同,this会指向车间参数的数据类型
      b, 返回值是由return决定,况没有return表示没有返回值。
     以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能车间一定的车间,同时也希望老车间脚本之家

    最新评论

    • 昵称:
    • 验证码:点击我更换图片
    • Word

    • Excel

    • PowerPoint

    Word2003视频教程

    Word2003视频教程

    《全集共50课》分别有基础入门和高级两部教程,让你从零开始学起,从菜鸟变成高手[详情]

    Word2007视频教程

    Word2007视频教程

    《全集共43课》从Word发展历史到文档操作应用到打印,教程风趣幽默通俗易懂[详情]

    Word2010视频教程

    Word2010视频教程

    《全集共47课》由微软官方提供的视频教程,详细讲解了Word2010的新功能[详情]

    Excel2003视频教程

    Excel2003视频教程

    《全集共65课》详细讲解了Excel表格的基础操作与图表、图形、数据、打印等[详情]

    Excel2007视频教程

    Excel2007视频教程

    《全集共36课》从Excel的初步了解到表格透视图表制作和函数公式应用[详情]

    Excel2010视频教程

    Excel2010视频教程

    《全集共22课》Excel2010最新功能介绍和使用,还在不断更新,尽情关注[详情]

    PowerPoint2003视频教程

    PowerPoint2003视频教程

    《全集共22课》PowerPoint软件的介绍和应用每篇都讲解了多个功能的使用[详情]

    PowerPoint2007视频教程

    PowerPoint2007视频教程

    《全集共29课》不会制作幻灯片不用担心,本篇视频教程详细讲解幻灯片制作和动画制作[详情]

    PowerPoint2010视频教程

    PowerPoint2010视频教程

    《全集共29课》新版本的PPT中增添了许多意想不到的功能,让你设计幻灯片时更加轻松[详情]

    必读

    Word教程网-最近更新-网站地图-RSS地图-意见反馈 - 粤ICP备14012962号-3