JavaScript this关键字

this关键字通常在函数内部对象内部使用。

函数方法声明的位置不同,会影响this关键字的含义。

通常来说,this指向当前函数所操作的对象。

11 <!DOCTYPE html> 2 2 <html> 3 3 <head> 4 4 <meta charset="UTF-8"> 5 5 <title>this关键字</title> 6 6 </head> 7 7 <body> 8 8 <script> 9 9 /* 1010 window.onload 加载事件在页面内容加载完成之后立即执行相应的函数 1111 this.person这里的this指document对象 1212 而this.name和this.nibbles这里的this指的是person对象 1313 */ 1414 window.onload=function (ev){ 1515 this.person.eat(); 1616 } 1717 1818 var person={};//字面量创建对象 1919 2020 //设置字面量对象属性 2121 person.name="jackSon"; 2222 person.age=18; 2323 person.nibbles="热狗"; 2424 /*先创建一个匿名函数,先执行函数体的代码,然后再赋值给person.eat*/ 2525 person.eat=function(){ 2626 var value=this.name+"最喜欢吃"+this.nibbles; 2727 document.write(value+'<br>'); 2828 document.write('正在吃饭'); 2929 } 3030 </script> 3131 </body> 3232 </html>

本例子有3处使用了this关键字。

第一处调用对象方法,this.person.eat();  这里的this是指document对象。

第二三处在方法内部使用var value=this.name+'的饭量是'+this.appetite; this指向person对象。

点赞
收藏

评论区

加载中...

相关推荐

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

一篇文章带你了解JavaScript this关键字

与其他语言相比,this关键字在JavaScript中的行为略有不同。JavaScript中,this关键字引用其所属的对象。根据使用位置,它具有不同的值。一、前言方法中,this关键字引用其所属的对象。1.this指的是全局对象在函数中。2.this引用全局对象在函数中。3.在严格模式下,this是未定义的在事件中。4.

前端经典面试题解密:JS的new关键字都干了什么?

前言new关键字在实例化获取对象时都做了什么?是一道经常出现在前端面试时的问题。如果只是简单的了解new关键字是实例化构造函数获取对象,是万万不能够的。更深入的层级发生了什么呢?同时面试官想从这道题里面考察什么呢?下面胡哥为各位小伙伴一一来解密。一、new关键字new关键字的作用:通过new关键字实例化构造函数,获取对象。说一千道一万,不如来段代码

我的C语言基础

C语言32个关键字auto声明自动变量short声明短整型变量或函数int声明整型变量或函数long声明长整型变量或函数float声明浮点型变量或函数double声明双精度变量或函数char声明字符型变量或函数struct声明结构体变量或函数union声明共用数据类型enum声明枚举类型typedef用以给数据类型取别名co

HTML5

1<!DOCTYPEhtml2<html3<head4<metacharset"utf8"5<titleHTML5页面切换动画</title6<linkhref"animations.css"rel"stylesheet"

JavaScript之函数

    玩js自然要和函数打交到。函数嘛简单来说就是给代码分个块,方便调用、信息隐藏和代码复用,还可以用于指定对象的行为。另外函数还可以玩出很多花样来。。。JavaScript使用关键字function定义函数。定义一个函数://函数声明//这种定义函数的好处是可以在当前作用域内任何位置调用,因为变量的声明和函数的