当前位置: 首页 > 编程笔记 >

js中this的用法实例分析

百里业
2023-03-14
本文向大家介绍js中this的用法实例分析,包括了js中this的用法实例分析的使用技巧和注意事项,需要的朋友参考一下

本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下:

实例1:第一种调用this的方法——以函数形式调用。它代表全局对象window

<script type="text/javascript">

function t(){

 alert(this);//这里this表示window对象。

}

t();

</script>

实例2:第二种调用this的方法——以对象属性的形式调用。它代表该对象。实例中onclick为p元素对象的属性
<html>

<head>

<script type="text/javascript">

function t(){

 alert(this);

 this.style.background = 'green';

}

window.onload = function(){

 document.getElementById('eng').onclick = t;

}

</script>

</head>

<body>

<p id="eng">abcd</p>

</body>

</html>

实例3:第三种调用this的方法——以构造器的方式调用。
<script type="text/javascript">

function dog(){

 this.legs = 4;

 this.bark = function(){

  alert("汪汪...");

 }

}

var wangcai = new dog();//创建对象的方式。new 函数名();

wangcai.bark();

</script>

说明:
(1)如果直接调用dog()函数,而不是以创建对象的方式调用,则相当于第一种调用了,即this代表着全局对象window。
(2)js中没有类的概念,但是有对象的概念;
(3)对象的创建可以采用var = objName{name:'abc',age:40}这种方式创建,也可以通过构造函数来创建;
(4)什么是构造函数:当一个普通函数以“new 函数名()”的方式调用时,此函数就充当构造函数。

实例4:第四种调用this的方法——call和apply方式

<html>

<head>

<script type="text/javascript">

window.onload = function(){

 var d = document.getElementById('hi');

 if(hi.addEventListener){//chrome 和 firefox

  hi.addEventListener('click',function(){alert(this.id)},false);//w3c模型中,this指向DOM对象。this.id结果为hi

 }else{// ie

  hi.attachEvent('onclick',function(){alert(this.id)});//ie8及ie8以下,这里this指向全局对象window。结果this.id结果为undefined

 }

}

</script>

</head>

<body>

<p id="hi">hello world</p>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JS函数this的用法实例分析,包括了JS函数this的用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS函数this的用法。分享给大家供大家参考。具体如下: 在js中写函数时,很多用到this. this究竟是什么,this是个关键字,是个指针,指向执行环境作用域,也称之为上下文。 先说下函数吧,个人理解是函数是在语言中重复调用的代码块. 在JS里,把函数赋值

  • 本文向大家介绍js函数和this用法实例分析,包括了js函数和this用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js函数和this用法。分享给大家供大家参考,具体如下: js的所有代码都是由funtion组成,funtion即函数的类型。 一.函数有两种写法 -----1.定义式 -----2.变量式 我们可以调用typeof()查看类型 二.函数也是对象 -----1.

  • 本文向大家介绍js中this用法实例详解,包括了js中this用法实例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js中this用法。分享给大家供大家参考。具体如下: 1. 指向window 全局变量 全局函数 2. 指向该对象(在全局里面this指向window,在某个对象里面this指向该对象,在闭包里面this指向window) 3. 用apply,call改变函数的this

  • 本文向大家介绍C#中this的使用实例分析,包括了C#中this的使用实例分析的使用技巧和注意事项,需要的朋友参考一下 this关键字在C#程序设计中的应用非常频繁,今天本文就this关键字的用法做一番分析,希望能提对大家的C#程序设计有一定的帮助作用。具体分析如下: 1.代表当前类,在当前类中可使用this访问当前类成员变量和方法(需要注意的是 静态方法中不能使用this),也可用于参数传递,传

  • 本文向大家介绍Java 中This用法的实例详解,包括了Java 中This用法的实例详解的使用技巧和注意事项,需要的朋友参考一下  Java 中This用法的实例详解 用类名定义一个变量的时候,定义的只是一个引用,外面可以通过这个引用来访问这个类里面的属性和方法。     那们类里面是够也应该有一个引用来访问自己的属性和方法纳?     呵呵,Java提供了一个很好的东西,就是 this 对象,

  • 本文向大家介绍java之this关键字用法实例分析,包括了java之this关键字用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了java中this关键字的用法,分享给大家供大家参考。具体分析如下: 一、this使用范围   1、在类的方法定义中使用的this关键字代表调用该方法对象的引用。 2、当必须指出当前使用方法的对象是谁时,要使用关键字this。 3、有时使用this可