javascript 函数的四种调用模式,及此时this代表值

朱雀 2022-05-24 00:15 203阅读 0赞

javascript 函数有四种调用方式,每次读jquery源码时有一堆this.调用方法,也不是很好跟踪

## 1.方法调用模式 ##

1.定义:当一个函数别保存为对象的一个属性时,我们称这个函数为方法,

2 此时this的值 : 当一个方法被调用时,this 被绑定到该对象上

3.如果调用表达式包含一个提取表达式 如 .或 \[\] ,那么它就是被当作一个方法来调用

## 2.函数调用模式 ##

1.当一个函数并非一个对象的属性时,那么它就是被当作一个函数来调用的 ,举例:var sum = add(3,4)

2.此时this 的值: 以此模式调用时,函数就是被绑定到全局变量上

## 3.构造器调用模式 ##

1.如果一个函数前面带上new 来调用,那么背地里将会创建一个连接到该函数的prototype属性的新对象,同时this会绑定到那个新对象; 举例 :var tarr = new Array();

2.new 前缀也会改变return 语句的行为

3.一个函数如果创建的目的就是希望结合前缀new  来使用,那么这个函数就被称为构造器函数,按照约定他们保存在以大写格式命名的变量里

## 4.Apply 调用模式 ##

1.函数可以有方法

2.apply 方法让我们创建一个参数数值并传递给调用函数,它也允许我们选择this的值,apply 参数接收两个值,第一个是要绑定给this的值,第二个是一个参数数组

## 5测试例子 ##

构造器这样测试不出来,

函数调用模式为 window对象 ,js 的全局变量

方法调用模式为 Object类型,为对象本身te

apply调用模式,将this指定为Array,此处打印为 function Array() \{ \[native code\] \} ,

var te = {
    		tef : function (){
    			console.log("方法调用模式,this的值:"+this);
    		},
    		name:"zang",
    }
    
    // console.log("构造器调用模式"+((new  Array()).this));//构造器调用模式
    test();
    var ta = ["test"];
    te.tef();//方法调用
    test2.apply(Array,ta);//apply 调用模式
    
    
    
    function test(){ //函数调用
    	console.log("函数调用模式,this的值:"+this);
    }
    
    function test2(obj){
    	console.log("apply调用模式,this的值:"+this);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 this及其作用域（函数外部this变量的调用）

　　众所周知的一件麻烦事是函数外部的this变量都不可见，但是我们在编写使用局部函数的方法时，却又很可能需要在某一时刻从内部函数访问this变量。　　这种情况下可以通过在t

偏执的太偏执、/ 2023年08月17日 17:20/ 0 赞/ 130 阅读

相关 JavaScript函数调用及嵌套

函数调用函数的调用和C中差不多，但形式可能有点不同。JavaScript的函数调用形式为：(函数)(参数列表)或者函数名(参数列表)。后者和C是一样的，但前者和C是迥然

た入场券/ 2022年08月20日 05:30/ 0 赞/ 248 阅读

相关 JavaScript中this的六种模式

问this为何物，直教人苦逼不已 this是面向对象编程中的一个概念，一般指向当前方法调用所在的对象，但在JS中灵活很多，为什么这么说呢？那是因为： this是运

超、凢脫俗/ 2022年07月13日 10:53/ 0 赞/ 194 阅读

相关 javascript 一个函数调用另外一个函数的值

源码：方法一： <script> $(function(){ b(); }); functio

迈不过友情╰/ 2022年06月02日 04:25/ 0 赞/ 190 阅读

相关 JavaScript函数调用的四种方式以及this指向

-------------------- 1.函数调用模式 function fn(){ console.log(this);

缺乏、安全感/ 2022年05月31日 13:10/ 0 赞/ 232 阅读

相关 javascript 函数的四种调用模式,及此时this代表值

javascript 函数有四种调用方式,每次读jquery源码时有一堆this.调用方法,也不是很好跟踪 1.方法调用模式 1.定义:当一个函数别保存为对象的

朱雀/ 2022年05月24日 00:15/ 0 赞/ 204 阅读

相关 javascript三种函数调用方式

一函数的简单调用 1、函数的定义语句通常被放在HTML文件的<HEAD>段中，而函数的调用语句通常被放在<BODY>段中，如果在函数定义之前调用函数，程序执行将会出错。

今天药忘吃喽~/ 2022年05月11日 23:40/ 0 赞/ 343 阅读

相关 JavaScript中this的四种调用模式

this，即函数执行时的上下文环境，通常有四种调用模式：函数调用模式，方法调用模式，构造器调用模式，call/apply调用模式。函数调用模式就是普通函数的

淩亂°似流年/ 2022年04月22日 04:14/ 0 赞/ 246 阅读

相关 js--this的四种调用模式

前言在学习js高级部分的时候，看到了函数和方法之前的不同，但在其他语言上基本上函数和方法是一个东西，为什么会这样呢？于是我就深究了一下，具体体现在四种形态上面，请容许我

曾经终败给现在/ 2021年09月27日 04:02/ 0 赞/ 343 阅读

相关 JS中函数的四种调用模式

在C\或JAVA等这样的语言中，方法和函数都是一个意思，但是在JS中却有着一定的区别，JS中一共分为四种形态，分为函数形态、方法形态、构造器与上下文模式，下面就简单介绍一下这四

淩亂°似流年/ 2021年06月24日 16:00/ 0 赞/ 471 阅读