`
gaofan0528
  • 浏览: 18790 次
社区版块
存档分类
最新评论

js中函数调用

 
阅读更多

总共有四种  

1
函数调用模式   这种事最常见的 也是最简单的

// 声明一个函数,并调用
function func() {
    console.log("Hello World");
}
func();

//输出是 Hello World

或者写成这样
// 使用函数的Lambda表达式定义函数,然后调用
var func = function() {
    console.log("你好,高帆");
};
func();
//输出是 你好,高帆
//javascirpt中,函数可以用箭头语法(”=>”)定义,有时候也叫“lambda表达式”。

2

方法调用模式

将函数赋值给对象的成员后 那么这个就不在称为函数 而应该叫做方法

// 定义一个函数
var func = function() {
    console.log("我是?");
};
// 将其赋值给一个对象
var o = {};
o.fn = func; // 注意这里不要加圆括号
// 调用
o.fn();

//输出我是?

o.fn 则是方法,不是函数了

 

3

构造器模式

在一般函数模式下,this 表示 window;在对象方法模式下,this 指的是当前对象。除了这两种情况,JavaScript 中函数还可以是构造器   函数作为构造器模式使用就是在函数调用前面加上一个 new

// 定义一个构造函数
var Person = function() {
    this.name = "中国";
    this.sayHello = function() {
        console.log("你好" + this.name);
    };
};
// 调用构造器,创建对象
var p = new Person();
// 使用对象
p.sayHello();
//输出是 你好中国

首先创建一个构造函数Person,然后使用构造函数创建对象p。这里使用 new 语法。然后在使用对象调用sayHello()方法

4

apply调用模式

apply 模式既可以像函数一样使用,也可以像方法一样使用

函数名.apply(对象, 参数数组)

1、新建两个 js 文件,分别为”js1.js”与”js2.js”;

2、添加代码

// js1.js 文件中
var func1 = function() {
    this.name = "高帆";
};
func1.apply(null);
console.log(name);

// js2.js 文件
var func2 = function() {
    this.name = "程序员";
};
var o = {};
func2.apply(o);
console.log(o.name);

 使用 apply 模式 可以任意的操作控制 this 的意义

js 中的函数调用有四种模式,分别是:函数式、方法式、构造 器式和 apply 式. 而这些模式中,this 的含义分别为:在函数中 this 是全局对象 window,在方 法中 this 指当前对象,在构造函数中 this 是被创建的对象,在 apply 模式中 this 可以随意的指定.。在 apply 模式中如果使用 null,就是函数模式,如果使用对象,就是方法模式。

分享到:
评论

相关推荐

    C#与JAVASCRIPT函数的相互调用 C#调用JAVASCRIPT函数的调用 JAVASCRIPT调用C#函数的调用

    C#与JAVASCRIPT函数的相互调用 C#调用JAVASCRIPT函数的调用 JAVASCRIPT调用C#函数的调用

    js中函数调用的两种常用方法使用介绍.docx

    本文将详细介绍JavaScript中函数调用的两种常用方法,并提供一些相关的扩展知识。 **方法一:直接调用** 这是最常见也是最直观的函数调用方式。当你定义了一个函数后,可以直接通过函数名加括号来调用它,括号内...

    JS 四种函数调用模式

    在 JS 中,有四种主要的函数调用模式,分别是:普通函数调用、方法调用、构造函数调用和apply/call调用。下面我们将详细探讨这些调用模式。 1. **普通函数调用**: 这是最常见的情况,函数作为一个独立的实体被执行...

    JavaScript中函数对象调用模式总结

    这篇博客通过深入分析JavaScript中的函数调用模式,帮助开发者更好地理解和掌握这些概念。 首先,JavaScript是一种动态类型语言,其中函数不仅是一种数据类型,还能够作为值进行传递和存储。这种特性被称为“函数是...

    javascript调用delphi中的函数

    标题“javascript调用delphi中的函数”涉及到的技术领域是跨语言通信,具体是JavaScript与Delphi之间的交互。这种交互通常发生在Web应用程序与桌面应用程序的集成,或者在浏览器扩展和本地资源之间。以下是对这一...

    Java代码调用HTML5中的JS函数算法

    6. **JSONP(JSON with Padding)**:适用于同源策略限制的场景,Java服务器端返回一个回调函数调用,JS通过动态插入`<script>`标签来执行这个回调。 具体到给定的文件中,"des.html"可能是一个关于数据解密的HTML...

    jsp中调用js中的一个函数,函数传参的问题

    在JavaServer Pages (JSP) 中调用JavaScript函数并传递参数是常见的前端与后端交互方式,这涉及到HTML、JavaScript和JSP脚本语言的混合使用。本文将深入讲解这一主题,帮助你理解和解决此类问题。 首先,我们需要...

    在javascript函数中调用com组件的属性和方法

    在javascript函数中调用com组件的属性和方法 在JavaScript函数中调用COM组件的属性和方法是指在JavaScript代码中使用COM组件提供的属性和方法来实现各种功能。本文将介绍如何在JavaScript函数中调用COM组件的属性和...

    QT和网页中的JavaScript函数进行相互调用的实现

    通过以上步骤,你可以实现在QT应用中与网页的JavaScript函数的双向调用,从而充分利用两者的优点,打造功能丰富的桌面应用。这个IntelliPlugin可能是一个帮助开发者实现上述功能的插件,包含必要的示例代码和配置...

    JS调用DLL实例2

    在 Unity3D 游戏引擎中,JS 调用 DLL 实例是一种常见的技术,允许开发者在 Unity3D 中调用外部的动态链接库(DLL),以便扩展 Unity3D 的功能。本文将详细介绍 JS 调用 DLL 实例的实现过程。 一、导入外部 DLL 在 ...

    JavaScript函数的调用以及参数传递

    JavaScript 函数调用 JavaScript 函数有 4 种调用方式。 每种方式的不同方式在于 this 的初始化。 this 关键字 一般而言,在Javascript中,this指向函数执行时的当前对象。 Note 注意 this 是保留关键字,你不能...

    小程序云函数调用API接口的方法

    本文实例为大家分享了小程序云函数调用API接口的具体代码,供大家参考,具体内容如下 以下例子是调用小程序官方的API,如何调用API来进行对内容的安全检测: 第一步:新建一个文件名为msgCheck的Node.js的云函数,...

    Babel插件用于带任何函数调用

    标题 "Babel插件用于带任何函数调用" 指的是在JavaScript开发过程中,使用Babel这个转换工具时,特定的插件可以处理带有任意函数调用的代码。Babel是一个广泛使用的JavaScript编译器,它允许开发者使用最新版本的...

    一个Js文件函数中调用另一个Js文件函数的方法演示

    而b()中又要调用a.js文件中的方法a()。若要实现这个功能,必须注意,将要引入的Js文件代码放在</body>下面。  首先,我们在html中引入b.js,并在</body>之后加入引用语句。如下: <html>

    JavaScript函数调用堆栈loader

    JavaScript函数调用堆栈是编程过程中非常重要的一个概念,它记录了程序运行时函数的调用顺序。在JavaScript中,每当一个函数被调用,一个新的调用帧(call frame)就会被添加到调用堆栈上,包含了这个函数执行的所有...

    vbscript和javascript互相调用方法

    例如,如果你想从VBScript调用一个名为`myFunc`的JavaScript函数,你可以这样做: ```vbscript Dim myObj Set myObj = Server.CreateObject("Scripting.Dictionary") myObj.Language = "JScript" myObj.Add "myFunc...

    javascript实现根据函数名称字符串动态执行函数的方法示例

    接下来,我们来看看实现动态函数调用的几种方式: 1. 使用eval()函数: eval()函数可以执行字符串中的JavaScript代码,如果我们知道要调用的函数名的字符串,可以将其与括号“()”组合起来形成代码字符串,并用eval...

    微信小程序Page中data数据操作和函数调用方法

    //index.js Page({ data: { text: This is page data., sliderOffset: 0, sliderLeft: 0, state:{ genre:[], genre_index: 0, model:[], model_index: 0, terminalStatus:'', } }, onLoad: function...

    qt 调用javascript函数 带参数

    本篇文章将深入探讨如何在Qt中调用JavaScript函数并传递参数,以实现更丰富的功能。 首先,Qt的Webkit模块是实现这一目标的关键。Qt Webkit是一个基于WebKit引擎的组件,它允许Qt应用渲染网页内容,并与网页进行...

    函数调用.rar

    本主题将深入探讨函数调用的概念、类型、优点以及如何在不同编程语言中实现。 函数是具有特定功能的代码块,它可以接受输入(参数),执行操作,并可能返回结果(返回值)。函数调用是触发函数执行的过程,通常通过...

Global site tag (gtag.js) - Google Analytics