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

js中this用法实例详解

徐嘉勋
2023-03-14
本文向大家介绍js中this用法实例详解,包括了js中this用法实例详解的使用技巧和注意事项,需要的朋友参考一下

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

1. 指向window

全局变量

alert(this) //返回 [object Window]

全局函数

function sayHello(){
  alert(this);
}
sayHello();

2. 指向该对象(在全局里面this指向window,在某个对象里面this指向该对象,在闭包里面this指向window)

var user="the Window";
var box={
  user:'the box',
  getThis:function(){
    return this.user;
  },
  getThis2:function(){
    return function (){
      return this.user;
    }
  }
};
alert(this.user);//the Window
alert(box.getThis());//the box
alert(box.getThis2()());
//the Window (由于使用了闭包,这里的this指向window)
alert(box.getThis2().call(box));
//the box 对象冒充(这里的this指向box对象)

3. 用apply,call改变函数的this指向

function sum(num1, num2){
  return num1+num2;
}
function box(num1, num2){
  return sum.apply(this, [num1, num2]);
  //this 表示window的作用域 box冒充sum来执行
}
console.log(box(10,10)); //20

4. new 对象

function Person(){
   console.log(this) //将 this 指向一个新建的空对象
}
var p = new Person();

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

 类似资料:
  • 本文向大家介绍javascript中this用法实例详解,包括了javascript中this用法实例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript中this用法。分享给大家供大家参考,具体如下: JavaScript中的this含义非常丰富,它可以是全局对象,当前对象或者是任意对象,这都取决于函数的调用方式。函数有以下几种调用方式:作为对象方法调用、作为函数调用

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

  • 本文向大家介绍js中this的用法实例分析,包括了js中this的用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下: 实例1:第一种调用this的方法——以函数形式调用。它代表全局对象window 实例2:第二种调用this的方法——以对象属性的形式调用。它代表该对象。实例中onclick为p元素对象的属性 实例3:第三种

  • 本文向大家介绍C++中this指针用法详解及实例,包括了C++中this指针用法详解及实例的使用技巧和注意事项,需要的朋友参考一下 C++中this指针用法详解及实例 概要: 本文简单介绍this指针的基本概念,并通过一个实际例子介绍this指针用于防止变量命名冲突和用于类中层叠式调用的两个用法。 this指针概览 C++中,每个类 对应了一个对象,每个对象指向自己所在内存地址的方式即为使用thi

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

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