博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript函数调用的四种模式
阅读量:5915 次
发布时间:2019-06-19

本文共 1165 字,大约阅读时间需要 3 分钟。

  一  前言

  Javascript一共有四种调用模式:方法调用模式、函数调用模式、构造器调用模式以及apply调用模式。调用模式不同,对应的隐藏参数this值也会不同。

 

  二  方法调用模式

  函数作为对象的属性时,称为方法。此时函数(即方法)中的this对应是该对象。

var myObject = {  value:3,   func:function(){
    alert(this.value);   }   }; // 方法调用模式,this对应的是myObject对象 myObject.func();  //3

  也可以写成如下格式:

var myObject = {    value:3};myObject.func = function() {    alert(this.value);} // 方法调用模式 myObject.func();  //3

  上面,this对应的是myObject对象。

 

  三  函数调用模式

  函数调用模式即通常的函数调用,属于全局性调用,此时this对应的是全局对象,即Window对象。

var add = function(a, b) {    return a + b;} // 函数调用模式add(3,4);    //7

  上面也可以写成

window.add = function(a, b) {    return a + b;} // 函数调用模式 add(3,4); //7

  下面来看看下面的测试题,以检验你是否了解了this。

  答案会是6吗?仔细想想。

  答案为6的程序应该是这样的:

  (1)处this在firefox调试如下:(方法调用模式处)

  

  (2)处this在firefox调试如下:(函数调用模式处)

  

 

  四  构造器调用模式

  若在函数前面通过new 来调用,其实是生成一新对象,this自然指向该新对象。

var add = function(a, b) {    return a + b;} // 构造器调用模式var obj = new add(3, 4);

  obj为一对象:

  

  对于构造器调用模式,如果函数返回值不是一个对象,则返回该新对象,即this。

 

  五  apply调用模式

  apply方法有两个参数,第一个是要绑定给this的值,第二个是一个参数数组。
// apply调用模式 var sum = add.apply(null,[3,4]);       // this对应全局变量,即window对象var sum2 = add.apply(myObject,[3,4]);  //this对应为myObject对象

 

  六  源码

   

 

 

 

 

 

转载地址:http://ucgpx.baihongyu.com/

你可能感兴趣的文章
mysql实现vsftp虚拟用户访问
查看>>
(LNMP) How To Install Linux, nginx, MySQL, PHP
查看>>
write back vs write through
查看>>
各种链接
查看>>
开发工程师未来应具备的能力
查看>>
我的友情链接
查看>>
《Spring实战》第四版读书笔记 第一章 Spring之旅
查看>>
那些年,一起学的Java 2-4
查看>>
RedHat已更改其开源许可规则
查看>>
redis集群搭建
查看>>
管道符和作业控制,shell变量和环境变量配置文件
查看>>
DirectX3D设备丢失(lost device)的处理(一)
查看>>
来自田野的回音——《背过身去的大娘娘》的读后感范文2600字
查看>>
LNMP架构 (Ⅱ)——nginx相关配置、nginx代理
查看>>
神级python程序员只需要一个公众号,再也不会错过重要资讯
查看>>
双十一流量洪峰 支撑阿里核心业务的云数据库揭秘
查看>>
OSChina 周一乱弹 ——程序员跟产品经理撕逼必须掌握的套路
查看>>
Linux系统启动流程详解
查看>>
Magento(CE1.X)自带模块解析五
查看>>
Factory Method模式 (一)
查看>>