`

js实例讲解this用法

    博客分类：
  • js
JavaScriptprototypeCC++C# 
阅读更多 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript" language="javascript">
function test(){
	var rr=new tt();

}
function tt(){
	this.a=2;
	this.b=3;
	this.init();
	this.test2();
}
tt.prototype.init=function (){
	that=this;    //这样的话，所有该方法种的属性和内部方法，都可以用that.XXX获取tt种定义变量和属性方法
	that.c=5;
	//alert(that.a)  //that.a=2
	for(var i=0;i<2;i++){
		alert(this.b); //this.b=3,在这个时候，this.b和that.b是相同的
	}
	//event.onmousedown=function (){  //该方法是init的内部方法
	//	alert(this.a);  //有问题，报错，该this表示的是event对象
	//	alert(that.a);
	//}
	that.test2();  //通过that调用tt的属性方法test2
}
tt.prototype.test2=function (){  
		alert(this.c);   //this.c=5

}
//在js中，其对象和方法中的变量是通用的，但如果方法还包括内部方法，其this代表的是该内部对象，
//所以应先赋值给一个变量（that）,这样内部的方法就可通过that调用对象里定义的变量
</script>
<body >
<input name="test" type="button"  value="test" onclick="test()"/>
</body>
</html>

  其他地方用到的this就不多讲了。主要是给自己做个笔记，也希望能给大家带来一点帮助。

分享到：
| position:absolute relative 得到一个对 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS 对象实例讲解和应用

    本文将深入探讨JS对象的实例创建、属性与方法、原型链、继承机制以及在实际应用中的常见场景。 一、JS对象实例的创建 1. 构造函数创建 构造函数是一种特殊类型的函数，用于创建和初始化特定类型的对象。例如： ```...

    实例讲解用法原生JavaScript处理AJAX恳求的方法_.docx

    ### 实例讲解用法原生JavaScript处理AJAX请求的方法 #### 一、引言 本文旨在详细介绍如何使用原生JavaScript处理AJAX（Asynchronous JavaScript and XML）请求，以替代常用的jQuery库中的`$.ajax()`方法。通过理解...

    JavaScript编程中实现对象封装特性的实例讲解

    本文将深入探讨如何在JavaScript中实现对象封装，并参考阮一峰老师的实例进行讲解。 首先，让我们了解JavaScript中的构造函数。构造函数是一种特殊的函数，用于创建和初始化对象。当我们使用`new`关键字调用一个...

    实例讲解JavaScript的Backbone.js框架中的View视图_.docx

    ### Backbone.js框架中的View视图详解 #### 一、引言 Backbone.js是一个轻量级的JavaScript库，用于构建结构化的web应用。...掌握View的使用方法有助于你更高效地开发出具有良好用户体验的应用程序。

    JavaScript编程中实现对象封装特性的实例讲解_.docx

    在JavaScript中，我们通常使用`function`关键字定义构造函数，然后通过`new`关键字创建实例。然而，直接在构造函数内部定义属性和方法可能导致资源浪费，因为每个实例都会拥有独立的副本。例如： ```javascript ...

    详细讲解JavaScript中的this绑定

    JavaScript中的`this`绑定是一个关键概念，涉及到函数调用、对象方法、构造函数等多个场景。`this`在JavaScript中并不像其他语言中的`this`那样简单地指向对象本身，而是根据函数调用的方式动态确定其指向。理解`...

    实例讲解JavaScript中的this指向错误解决方法

    本文将通过实例来深入讲解JavaScript中`this`指向错误及其解决方法。 首先，我们来看一个简单的例子： ```javascript 'use strict'; var jane = { name: 'Jane', display: function() { return 'Person named '...

    extjs实践大量实例讲解

    ### ExtJS 实践大量实例讲解 #### 前言 ExtJS 是一款强大的 JavaScript 框架，用于构建复杂的前端应用程序。它提供了丰富的组件库、数据处理能力以及跨浏览器兼容性支持，使得开发者能够轻松创建出功能丰富且用户...

    js与jquery获取input输入框中的值实例讲解.docx

    ### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中，经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具，它们提供了强大的功能来操作DOM（文档对象模型），...

    Javascript DOM 编程实例讲解--仿LightBox效果提示框

    在这个实例中，我们将深入探讨如何使用JavaScript DOM技术来创建一个仿LightBox效果的提示框。LightBox是一种常见的图片预览功能，当用户点击图片时，图片会在当前页面上以半透明背景下的全屏模式显示，提供了一种...

    JavaScript中继承原理与用法实例入门

    本文将深入探讨JavaScript中的继承原理与用法，并通过实例进行讲解。 首先，JavaScript的对象由两部分组成：构造函数和原型。构造函数定义了对象的初始化方式，而原型则包含共享的属性和方法。在JavaScript中，每个...

    jquery之基本选择器practice(实例讲解)

    本文将通过实例来详细讲解jQuery的基本选择器使用方法。 #### 实例一：动态改变表格行的背景色 **功能描述**：在输入框中输入一个数字，点击按钮后，表格中从该行之后的所有行的背景色将变为绿色。 **HTML代码**...

    javascript代码讲解ppt

    变量实例化使用激活对象作为变量对象，并使用属性特性。调用者提供`this`值。 3. **Eval代码**：当控制权进入eval代码时，如果存在调用上下文，则不会创建新的执行环境；如果没有调用上下文，则视为全局代码执行。`...

    javascript oop模式讲解

    在这个讲解中，我们将深入探讨JavaScript中的OOP模式，特别是如何利用它来进行DOM操作。 在JavaScript中，OOP主要基于原型（prototype）实现，与传统的类继承机制不同。JavaScript提供了构造函数、原型对象、实例、...

    js自定义对象讲解

    // 使用`this`定义实例属性 function User(age) { this.age = age; } user = new User(20); ``` 在JavaScript中，自定义对象和原型是强大的工具，能够帮助开发者构建复杂的应用程序。理解并熟练掌握这些概念是成为...

    【JavaScript源代码】Javascript中函数分类&this指向的实例详解.docx

    通过本文的讲解和示例，我们可以看到JavaScript中的函数具有高度的灵活性，可以通过多种方式定义和使用。同时，`this`关键字的指向也是一个需要特别注意的概念。掌握好这些基础知识，可以帮助我们更好地理解和编写...

    javascript与jquery中的this关键字用法实例分析

    接下来，jQuery中的this用法。jQuery极大地简化了对DOM的操作，当我们使用jQuery编写代码时，也经常会用到this关键字。在jQuery事件处理函数中，this通常指向触发事件的元素。 一个使用jQuery的this关键字的例子...

    JS原型和原型链原理与用法实例详解

    JS原型和原型链是JavaScript语言中的核心概念，它们构成了JavaScript对象继承的基础。在JavaScript中，对象可以通过原型链实现对其他对象的属性和方法的继承。下面我们将详细讲解这两个概念以及它们的工作原理。 **...

    JavaScript事件方法(实例讲解)

    在本文中，我们将深入探讨JavaScript中的事件处理方法，并通过实例来讲解如何使用这些事件方法。为了更好地理解事件处理机制，我们首先需要了解什么是事件。 在Web编程中，事件可以理解为用户和浏览器之间交互的...

Magicbox
Global site tag (gtag.js) - Google Analytics