JavaScript函数的4种调用方法详解资源-CSDN下载

版权申诉

5星 · 超过95%的资源 167 浏览量 2020-12-12 13:51:40 上传评论收藏 80KB PDF 举报

资源推荐

资源详情

资源评论

JavaScript函数的函数的4种调用方法详解种调用方法详解

在JavaScript中，函数是一等公民，函数在JavaScript中是一个数据类型，而非像C#或其他描述性语言那样仅仅作为一个模块

来使用。函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式、以及apply形式。这里所有的调用模式

中，最主要的区别在于关键字 this 的意义，下面分别介绍这个几种调用形式。

本文主要内容：

1.分析函数的四种调用形式

2.弄清楚函数中this的意义

3.明确构造函对象的过程

4.学会使用上下文调用函数

一、函数调用形式一、函数调用形式

函数调用形式是最常见的形式，也是最好理解的形式。所谓函数形式就是一般声明函数后直接调用即是。例如：

代码如下:

// 声明一个函数，并调用

function func() {

alert(“Hello World”);

}

func();

或者：

代码如下:

// 使用函数的Lambda表达式定义函数，然后调用

var func = function() {

alert(“你好，程序员”);

};

func();

这两段代码都会在浏览器中弹出一个对话框，显示字符串中的文字，这个就是函数调用。

可以发现函数调用很简单，就是平时学习的一样，这里的关键是，在函数调用模式中，函数里的 this 关键字指全局对象，如

果在浏览器中就是 window 对象。例如：

代码如下:

var func = function() {

alert(this);

};

func();

此时，会弹出对话框，打印出 [object Window]。

二、方法调用模式二、方法调用模式

函数调用模式很简单，是最基本的调用方式。但是同样的是函数，将其赋值给一个对象的成员以后，就不一样了。将函数赋值

给对象的成员后，那么这个就不在称为函数，而应该叫做方法。例如：

代码如下:

// 定义一个函数

var func = function() {

alert(“我是一个函数么?”);

};

// 将其赋值给一个对象

var o = {};

o.fn = func; // 注意这里不要加圆括号

// 调用

o.fn();

此时，o.fn 则是方法，不是函数了。实际上 fn 的方法体与 func 是一模一样的，但是这里有个微妙的不同。看下面的代码：

代码如下:

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

内容反馈

版权申诉

yxldr

2023-06-20

整篇文章讲解通俗易懂，语言简练，很适合新手阅读。
7323

2023-06-20

文章介绍了4种调用方式，很全面，值得一读。
LauraKuang

2023-06-20

这篇文章虽然仅仅是讲解了基础内容，但是讲解得详细全面，对于JS的深入学习有很好的铺垫。
乔木Leo

2023-06-20

实例介绍得非常生动，易于理解。
白羊的羊

2023-06-20

这篇文章不会浪费读者的时间，每一行都有价值。

前往

页

weixin_38500222

粉丝: 5

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip