`
linleizi
  • 浏览: 229074 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

js 函数调用this的理解

阅读更多
在js中,我们有时候会用到this来省略别的描写。
this对象根据不同的调用方式,所绑定的对象也是不同的。

函数调用有四种:

1. 方法模式的调用:当一个函数被保存为一个对象的属性时,我们称这个函数为一个方法。当一个方法被调用时,this绑定到该对象。

2. 函数模式的调用:当一个函数并非一个对象的属性时,那么它就被当作一个函数来调用,this被绑定到全局对象。

3. 构造器模式的调用:如果一个函数前面带上new来调用,那么将创建一个隐藏连接到该函数的prototype成员的新对象,同时this被绑定到这个新对象上。

4. apply模式的调用:apply方法接收两个参数,第一个被绑定到this,第二个是参数数组。什么也不传时,默认this绑定到全局对象。
分享到:
评论

相关推荐

    JS 四种函数调用模式

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

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

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

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

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

    事件处理函数的this

    在JavaScript编程中,"事件处理函数的this"是一个至关重要的概念,它涉及到对象、上下文以及函数调用方式的理解。事件处理函数通常是指那些在用户交互或者特定事件触发时执行的函数,例如点击按钮、页面加载等。在...

    qt 调用javascript函数 带参数

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

    微信小程序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...

    js中函数的理解

    在JavaScript(简称JS)中,函数是至关重要的概念,它们...总结来说,理解JS中的函数是掌握JS编程的关键,包括它们的定义、调用、作用域、闭包以及构造函数的使用。熟练运用这些知识,可以写出更高效、更灵活的JS代码。

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

    4. **箭头函数调用**:箭头函数没有自己的`this`,它会捕获其所在(即定义时所在的)上下文的`this`值。 了解这些调用方式,可以帮助你更好地理解和使用JavaScript中的函数,从而提升代码的灵活性和可维护性。在...

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

    在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非...函数调用形式是最常见的形式,也是最好理解的形式。所谓函数形式就是一般声明函数后直接调用即是。例如: 代码如下:// 声明一个函数,并调

    javascript 函数调用的对象和方法

    这个规则体现了JavaScript函数调用的第二条重要规则:当函数作为某个对象的属性被调用时,该函数内的`this`将指向该对象。 在事件处理中,`this`的上下文会经常变化,这很容易导致理解上的混淆。例如,通过HTML元素...

    JavaScript 函数调用

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

    js调用C#方法

    本文将详细介绍如何实现前端JavaScript(JS)与后端C#之间的相互调用,这对于构建功能丰富的Web应用至关重要。下面将按照问题的四个要点逐一展开。 #### 1. JavaScript调用C#方法 JavaScript可以通过以下步骤来...

    JavaScript 函数调用规则

    JavaScript函数调用规则一 (1)全局函数调用: function makeArray( arg1, arg2 ){ return [this , arg1 , arg2 ]; } 这是一个最常用的定义函数方式。相信学习JavaScript的人对它的调用并不陌生。 调用代码如下: ...

    深入理解JavaScript中的this关键字

    在这个深入理解的文章中,我们将探讨`this`在不同情况下的工作原理,包括函数调用、方法调用、构造函数调用以及箭头函数等场景。 1. 函数调用 在全局环境中,`this`默认指向全局对象,在浏览器中通常是`window`对象...

    JavaScript中5种调用函数的方法

    下面,我们将详细探讨JavaScript中五种不同的函数调用方式及其原理,以帮助大家更好地理解JavaScript函数的工作机制,并在实际编程中避免一些常见的问题。 1. 全局函数调用 在JavaScript中,当我们定义一个函数并且...

    【JavaScript源代码】JavaScript函数this指向问题详解.docx

    在本文中,我们将深入探讨`this`在各种函数调用场景下的行为,并介绍如何通过`call`、`apply`和`bind`方法改变函数内部`this`的指向。 ### 一、函数内`this`的指向 1. **普通函数**:在全局作用域或非严格模式下,...

    javascript函数式编程 underscore.js

    JavaScript函数式编程是一种编程范式,它强调使用函数来组织代码,将计算视为一系列惰性求值的操作。Underscore.js是一个轻量级的JavaScript实用库,它为开发者提供了大量函数式编程工具,使得在JavaScript中实践...

    javascript 函数限制调用代码

    `throttle`函数的工作原理是通过维护一个`last`变量来记录上一次函数调用的时间。每次调用返回的内部函数时,它会检查当前时间和`last`变量之间的差值。如果这个差值大于或等于`ms`,那么就更新`last`为当前时间并...

Global site tag (gtag.js) - Google Analytics