javascript面向对象之this关键词用法分析
本文实例分析了javascript面向对象之this关键词用法。分享给大家供大家参考。具体分析如下:
当需要初始化某个属性时,可以在原型对象内使用this关键词。如下面实例:
<script language="javascript" type="text/javascript">
function Person(){
this.name = "王美人";
this.age = 25;
};
var p1 = new Person();
var p2 = new Person();
document.writeln(p1.name+"<br />");
document.writeln(p2.name);
</script>
注意:关键词this只能在原型对象内部使用。在外部使用,this相当于window。如下面实例
<script language="javascript" type="text/javascript">
var name="北京";
window.alert(this.name);//输出“北京”
</script>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
Javascript对象中关于setTimeout和setInterval的this介绍
在Javascript里,setTimeout和setInterval接收第一个参数是一个字符串或者一个函数,当在一个对象里面用setTimeout延时调用该对象的方法时 复制代码 代码如下: function obj() { this.fn = function() { alert("ok"); console.log(this); setTimeout(this.fn, 1000);//直接使用this引用当前对象 } } var o = new obj(); o.fn(); 然后
-
javascript让setInteval里的函数参数中的this指向特定的对象
看到这个题,我蒙了,因为那时候我不清除这个问题,想了半天没想出来,后来到网上一查,在国外的某网站查到说setInterval和setTimeout之后的函数的作用域是全局的,也就是里面的this指向的是全局对象. 这个问题可麻烦了,我经常要在循环函数里用this来引用当前对象,也许你想到可以用闭包,不过实际情况并非如此简单,对象实例多了之后,闭包也乱套了. 我的愿望就是让循环函数里的this仍然指向当前上下文的对象,无需传参数,无需闭包(其实这也是闭包,只是形式上看着比较自然而已); 例如:(一
-
javascript this用法小结
this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascript中,由于 javascript的动态性(解释执行,当然也有简单的预编译过程),this的指向在运行时才确定.这个特性在给我们带来迷惑的同时也带来了编程上的 自由和灵活,结合apply(call)方法,可以使JS变得异常强大.2.变化的this 在JavaScript中,this通常指向的是我们正在执行的函数本身,或者是指向该函数所属的对象(运行时).当我们在页面中定义
-
js对象内部访问this修饰的成员函数示例
用wrapper封装这样在对象内外都可以访问 复制代码 代码如下: function MapPool(){ function createMarker(name, lat, lng, state){ var marker = new AMap.Marker({ position : new AMap.LngLat(lng, lat), }); //the function mapMoveTo is not accessible here too AMap.ev
-
javascript中onclick(this)用法介绍
this指触发事件的对象 复制代码 代码如下: <input id="myinput" type="text" value="javascript中onclick中的this" onclick="javascript:test(this);"/> 复制代码 代码如下: function test(obj){ alert(obj); //[object HTMLInputElement] alert(obj.id);
-
JAVASCRIPT THIS详解 面向对象
虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScript也提供了这个this关键字,不过用起来就比经典OO语言中要"混乱"的多了.下面就来看看,在JavaScript中各种this的使用方法有什么混乱之处? 1.在HTML元素事件属性中inline方式使用this关键字: <div onclick=" // 可以在里面使用this ">division element</div> 我们一般比较常用的方法
-
js中的this关键字详解
this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, 复制代码 代码如下: function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化.但是有一个总的原则,那就是this指的是,调用函数的那个对象. 下面分四种情况,详细讨论this的用法. 情况一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global. 请看下面这段代码,它的运行结果是1.
-
JavaScript 嵌套函数指向this对象错误的解决方法
先看一段嵌套了两层function的JavaScript代码: 复制代码 代码如下: var me = { name : 'Jimbor', blog : 'http://jmedia.cn/', sayMyName : function(){ var pre = 'My name is: '; function displayName(){ alert(pre + this.name); } displayName(); } } me.sayMyName(); 从代码上看,我们希望通过sayM
-
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
先来看看现象: 复制代码 代码如下: <html> <head> <title>apply_and_call</title> </head> <body onload="init()"> <div id="testDiv" style="position: absolute; border: 1px solid gray; width:100px; height: 100px&q
-
JS中this上下文对象使用方式
JavaScript 有一套完全不同于其它语言的对 this 的处理机制. 在五种不同的情况下 ,this 指向的各不相同. 有句话说得很在理 -- 谁调用它,this就指向谁 一.全局范围内 在全局范围内使用this ,它将指向全局对象(浏览器中为 window) var name = 'name1'; console.log(name); this.name = 'name2'; console.log(name); console.log(this.name); window.name =
随机推荐
- asp.net中页面显示当前系统时间附图
- firefox下jquery ajax返回object XMLDocument处理方法
- angular2路由切换改变页面title的示例代码
- 用jQuery实现检测浏览器及版本的脚本代码
- 详解SpringMVC学习系列之国际化
- java 中JXL操作Excel实例详解
- 获取Javscript执行函数名称的方法
- C#逐行分元素读取记事本数据并写入数据库的方法
- 强悍无比的WEB开发好助手FireBug(Firefox Plugin)
- 8个必备的PHP功能开发
- php readfile下载大文件失败的解决方法
- Win2008 iis7服务器中批量迁移到另外一台IIS7的实现步骤
- javascript replace()第二个参数为函数时的参数用法
- Ubuntu Server 16.04 LTS 上安装 LAMP图解教程
- springboot-controller的使用详解
- 解析linux 文件和目录操作的相关函数
- C#组合模式实例详解
- CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
- Android延时操作的三种方法
- python与C、C++混编的四种方式(小结)