JS中函数的四种调用模式

淩亂°似流年 2021-06-24 16:00 470阅读 0赞

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

# 函数形态 #

var foo = function() {
    	alert(this);
    };
    foo();

此时this是window对象

# 方法形态 #

var foo =function(){
        alert(this);
    }
    var o={};
    o.foo=foo;
    o.foo();

此时alert的便为object对象

# 构造器 #

造器其实就是构造函数

var Person = function () {
    	this.age = 19;
    	this.name = "着小虎";
    	return "{}";
    };
    var p = new Person();
    alert(p.name);

构造函数要看返回值是什么类型。如果返回值是一个对象，那么就按照返回值来返回，如果返回值不是一个对象就忽略返回值，直接返回this

1.new创建了对象，并且开辟了空间

2.将对象的引用地址传递给参数，在函数中用this接受

3.构造方法之行结束，返回this

# 上下文模式 #

语法：函数.apply(对象，\[参数列表\])

var foo1 = function (a, b) {
        alert(this);
        return a > b ? a : b;
    };
    var num = foo1.apply(null, [121, 34]);//全局调用，此时foo1中alert(this)出来的是window
    var num = foo1.apply({}, [121, 34]);//方法调用，此时foo1中alert(this)出来的是object
    alert(num);

# that对象 #

that对象
    var lib = {
    	test:function() {
    		var that = this;
    		(function(){
    			//that.xxx
    		})();
    	}
    };

var that=this就是将当前的this对象复制一份到that变量中。

this对象在程序中随时会改变，而var that=this之后，that没改变之前仍然是指向当时的this，这样就不会出现找不到原来的对象。

发表评论取消回复

表情：

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

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

相关阅读

相关 JS函数的4种调用方式

函数可以声明定义，也可以是一个表达式，函数使用关键字function定义函数被定义时，函数内部的代码不会执行函数被调用时，函数内部的代码才会执行函数有四种调用方

傷城~/ 2023年10月04日 22:07/ 0 赞/ 53 阅读

相关 java中调用js函数的方法

有时候由于一些不能说的原因，可能会遇到需要在java代码中调用js函数的场景，下面就来说说如何调用吧。首先说明一点，java不支持浏览器本身

电玩女神/ 2023年03月14日 05:47/ 0 赞/ 21 阅读

相关 JS中的(IIFE)(立即调用函数)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

小灰灰/ 2023年01月22日 05:59/ 0 赞/ 12 阅读

相关 js中的函数参数调用执行

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

深碍√TFBOYSˉ_/ 2022年07月13日 23:26/ 0 赞/ 219 阅读

相关 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 赞/ 203 阅读

相关 C++ 拷贝构造函数的四种调用时机

拷贝构造函数的调用有四种场景假设定义了一个类A： class A { public: A(const A&

港控/mmm°/ 2022年05月16日 00:28/ 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 阅读