JavaScript

JavaScript中this的用法步骤

时间:2024-06-19 02:10:01 JavaScript 我要投稿
  • 相关推荐

JavaScript中this的用法步骤

  关于JavaScript中this的用法网络中已经有较多比较详尽的介绍,可以参考本文的参考学习资料和网络。本文结合网络收集整理,尝试以一种简易的方式阐述JavaScript中this的用法,希望对大家关于JavaScript中this用法的快速理解有所帮助。

  1. this用法实例

  复制代码 代码如下:

  window.color = “red”;

  var o = { color: “blue” };

  function sayColor(){

  alert(this.color);

  }

  sayColor(); //”red”

  o.sayColor = sayColor;

  o.sayColor(); //”blue”

  2. this用法简易理解

  this指向哪里:

  this运行的环境(the context object),或者简单理解为:this所在函数被调用时的当前作用域。

  一段实例代码立刻明白:

  复制代码 代码如下:

  var fun = function() {

  console.log(this);

  }

  fun();// console: window,fun 的执行context为window,即this所在函数(fun())被调用时的当前作用域为window。

  new fun();//console: fun,fun 的执行context为fun对象内,即this所在函数(fun())被调用时的当前作用域为fun对象内。

  3. this用法的一个特殊情况

  (1)情况:

  复制代码 代码如下:

  function demo() {

  this.value = Math.random();

  }

  点击这个button之后,你会发现按钮的value值没有改变。

  原因:在本代码运行的情况下this指向的是window对象。

  复制代码 代码如下:

  var button = document.getElementById("aButton");

  function demo() {

  this.value = Math.random();

  }

  button.onclick= demo;

  点击这个button之后,程序可正常执行。

  (2)原因解释:

  复制代码 代码如下:

  var button = document.getElementById("aButton");

  function demo() {

  this.value = Math.random();

  }

  button.onclick= demo;

  alert(button.onclick);

  得到的输出是:

  复制代码 代码如下:

  function demo() {

  this.value = Math.random();

  }

  复制代码 代码如下:

  var button = document.getElementById("aButton");

  function demo() {

  this.value = Math.random();

  }

  alert(button.onclick);

  得到的输出是:

  复制代码 代码如下:

  function onclick() {

  demo();

  }

【JavaScript中this的用法步骤】相关文章:

在word中画图的步骤04-22

如何调试javascript脚本呢07-19

javascript跨域访问的方法07-19

all用法要点07-24

again用法详解08-25

英语祈使句的结构及用法06-17

英语介词to的用法汇总02-01

2018中考必考文言文虚词18个及用法说明02-13

英语方位名词的用法07-19

俄语动词“体”的用法02-04