this对象也是函数内部的重要对象,他并不是指向函数本身,而是指向该函数执行的环境对象,比如:函数在全局作用域中执行,那么this就指向全局作用环境;如果函数以一个对象的属性调用,那么this就是这个对象.最常见的情况是这样的,<input type=”text” id=”name” onclick=”sayHis(this.value)”> 我们把sayHi函数指定为input DOM元素对象的onclick事件的响应函数,那么sayHi在执行时的上下文当然就是input对象了,那么this对象理所当然的就指向了input DOM元素对象,在jQuery中同样是这样的道理。
如下代码示例:
-
function sayHi(){
-
var name =this.name;
-
console.log("Hello "+name);
- }
- //在全局中定义一个name变量
-
var name ="Terry";
-
var me =
-
{name :"John"};
- //me对象的sayHi属性指向函数sayHi
-
me.sayHi =
-
sayHi;
- //在全局中调用sayHi,因为sayHi此时是在全局中调用的,执行上下文就是全局环境window, //所this就指向window,this.name解析的就是//window.name
-
sayHi();
- //对象me调用sayHi,此时的执行上下文是me对象,所以this指向me对象,this.name解析为me.name
-
me.sayHi();
执行结果:
分享到:
相关推荐
综合以上知识,`js 面向对象实例`涵盖了JavaScript中的面向对象编程基础,以及如何将这些概念应用到HTML5 Canvas的实践中。通过学习和实践这个实例,你不仅可以理解JavaScript的OOP机制,还能掌握如何利用Canvas API...
面向对象编程(Object-Oriented Programming,OOP)是编程的一种重要范式,JavaScript也完全支持这一特性,尽管它并非一种传统的静态类型语言。这篇博客文章可能详细讨论了如何在JavaScript中实现面向对象编程。 在...
JS 面向对象经典案例 在JavaScript中,面向对象编程是非常重要的一部分。它提供了一种创建和组织代码的方式,能够让开发者更好地组织和维护代码。在本文中,我们将介绍JavaScript面向对象编程中的经典案例,包括...
为了正确地使用$(this)对象,我们需要了解JavaScript中this关键字的使用规则,并且正确地使用变量来存储当前函数的this对象。 五、结语 在JavaScript开发中,使用jQuery的$(this)对象需要遵守JavaScript中this...
## JavaScript 中的 `this` 对象详解 JavaScript 是一种基于对象和事件驱动的动态类型语言,它允许开发者使用面向对象的编程范式。在这个过程中,`this` 关键字扮演了至关重要的角色。然而,`this` 在 JavaScript ...
JavaScript作为一种广泛使用的脚本语言,不仅在浏览器环境中发挥着重要作用,在服务器端开发(如Node.js)及桌面应用程序开发等领域也有广泛应用。面向对象编程作为一种重要的编程范式,能够帮助开发者更好地组织...
在JavaScript中,对象转换成JSON(JavaScript Object Notation)是一种常见的数据交换格式,它轻量级、易读、易写,被广泛应用于Web应用程序之间传递数据。JSON格式是基于JavaScript的一个子集,但它并不是...
JavaScript自定义对象 在JavaScript中,自定义对象是一种非常重要的概念,它允许开发者创建自己的对象类型,从而满足不同的需求。JavaScript自定义对象可以通过多种方式创建,包括工厂方法、构造函数、原型方式和...
### JavaScript面向对象进阶知识点详解 #### 8.1 面向对象编程的基本特性 在探讨面向对象的JavaScript之前,我们首先需要了解面向对象编程(Object-Oriented Programming, OOP)的基本特性:封装性、抽象性、继承...
2. **函数没有所属对象(全局环境)**:在非严格模式下,如果函数不在任何对象作用域内被调用,`this` 指向全局对象(在浏览器中是 `window`,在 Node.js 环境中是 `global`)。例如: ```javascript function foo...
### JavaScript面向对象编程精要 #### 一、引言 JavaScript是一种灵活且强大的脚本语言,它虽然起源于一种简单的浏览器脚本语言,但随着时间的发展,JavaScript已经成为了一种功能全面的编程语言,尤其是在Web开发...
在JavaScript中,`this`对象是一个至关重要的概念,它在不同上下文中扮演着不同的角色,帮助开发者实现面向对象的编程。`this`的值取决于函数调用的方式,而不是函数的定义位置。以下是对`this`对象的详细解释: 1....
JavaScript提供了CommonJS(Node.js)、AMD(RequireJS)和ES6模块系统,便于组织和管理代码。 通过深入理解并熟练运用这些概念,开发者可以在JavaScript中构建出高效、可维护的面向对象应用程序。《JavaScript面向...
它们与JS的标准对象相对,后者如Date、Array等是由语言内置的。 1.2.2 原型(prototype) 原型是JavaScript中一种特殊的概念,它允许我们在运行时为对象添加新的属性和方法。通过`prototype`,我们可以扩展内置对象...
### JavaScript面向对象编程详解 #### 一、引言 JavaScript作为一种广泛使用的脚本语言,在Web开发领域占据着举足轻重的地位。尽管JavaScript本质上是一种基于原型的语言,但它也支持面向对象编程的一些特性,使得...
在JavaScript中,创建对象是编程的基本操作之一,它支持多种方式来实现这一目的。这篇博客“javascript创建对象的方式(二)”可能详细介绍了在JavaScript中除了最基础的字面量语法之外的其他创建对象的方法。这里...
JavaScript中的对象定义与`this`关键字的用法是编程中非常关键的概念,特别是在构建复杂的应用时。`this`关键字在JavaScript中用来引用当前上下文的对象,它的行为有时可能与传统面向对象语言(如Java)有所不同。 ...
### 面向对象的JavaScript编程:深入了解`this`关键字及类的实现 #### 引言 面向对象编程(Object-Oriented Programming, OOP)是一种编程范式,旨在通过对象来封装数据与操作这些数据的方法。JavaScript 作为一种...
正确地使用`this`可以使JavaScript代码更具有面向对象的特性,同时避免常见的错误。在编写JavaScript代码时,时刻关注`this`的上下文,确保其指向预期的对象,是提高代码可读性和可维护性的关键。
### JS面向对象教程详解 #### 一、JavaScript与面向对象编程基础 JavaScript作为一种脚本语言,自1995年诞生以来,不断发展完善,成为现代Web开发不可或缺的一部分。随着ES6标准的引入,JavaScript正式引入了类...