递归 2次调用 javascript函数的四种调用模式

先介绍一下函数的调用模式有哪四种：

函数调用模式，

方法调用模式，

构造函数调用模式，

上下文调用模式；

在这里对于函数的调用模式，主要介绍每种调用模式的this的指向和返回值。

2、代码分析

①、函数调用模式

下面的调用模式就是大家最熟悉的函数调用模式，而函数调用模式的this指向和返回值是什么呢？

在上述代码中，fn1也就是函数调用模式中的this是指向Window的，而返回值是由return决定。

可以得出以下结论(函数调用模式中)：

a, this是指向Window的

b, 返回值是由return语句决定的，如果没有return则表示没有返回值

②、方法调用模式

通过上面的代码结果分析，会得到以下结论（方法调用模式中）：

a, this 是指向调用该方法的对象

b, 返回值还是由return语句决定，如果没有return表示没有返回值

③、构造函数调用模式

通过上面的代码结果分析，会得到以下结论（构造函数调用模式中）：

a, this是指向构造函数的实例

b, 如果没有添加返回值的话，默认的返回值是this

但是如果手动添加返回值之后呢

而通过上面的代码结果分析，优化上面的结论：

a, this是指向构造函数的实例

b, 如果没有添加返回值的话，默认的返回值是this

c, 如果有返回值，且返回值是简单数据类型（Number,String,Boolean··）的话，最后仍回返回this

d, 如果有返回值，且返回值是复杂数据类型（对象）的话，最终返回该对象，所以上面的fn2是指向数组，所以fn2.name为undefined

④、上下文调用模式

通过上面的代码结果分析，得出以下结论（上下文调用模式中）：

a, 传递的参数不同，this的指向不同，this会指向传入参数的数据类型

b, 返回值是由return决定，如果没有return表示没有返回值。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持梦搏网络！

你不知道的 javascript【推荐】

[9038]

一、对象

JavaScript简单类型有数字、字符串、布尔值、null、undefined，其他所有的值都是对象（数组、函数、正则表达式都是对象）。

数字、字符串、布尔值虽然拥有方法（包装对象），但并不是对象。

包装对象：

每当读取一个基本类型值的时候，后台会创建一个对象的基本包装类型的对象，从而能够调用一些方法来操作这些数据。

后台自动完成下列处理：

创建String类型的一个实例

在实例上调用指定的方法

销毁这个实例

所以上面代码等同于：

对象字面量

检索

更新

通过赋值语句更新，如果属性名已经存在于对象中，则被替换；如果对象中没有那个属性名，则添加。

stooge['first-name'] = 'Jerome'

引用

对象赋值通过引用来传递，它们永远不会被拷贝。

这里牵扯出 JavaScript 深拷贝和浅拷贝的问题

上例是浅拷贝使用Object.create可以进行深拷贝

自定义方法深拷贝见下：

此时 var b = deepCopy(a) 得到的 b 就和 a 没有引用关系，即修改 b 不会影响 a了

原型

每个对象都连接到一个原型对象，并且从中继承属性。所有通过对象字面量创建的对象都连接到 Object.prototype 这个JavaScript中标准的对象。

创建一个对象时，可以选择某个对象作为它的原型：

反射

使用 hasOwnProperty 检查属性是否是对象独有的，它并不会检查原型链。

flight.hasOwnProperty('number'); //true

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-86522-1.html