JavaScript中的this关键字介绍与使用实例
更新时间：2013年06月21日 10:58:07 作者：
JavaScript其实一门基于或者说是面向对象的语言，这样的话，this这个关键字，在类的内部就显得尤为重要
当创建一个类的时候，如果希望下面new出来的每个类都拥有一些通用的变量或者其他的函数，这个this关键字这是最好的方式。
当然，既然是面向对象的语言，必然存在访问权限的问题，这里也和this关键字息息相关。下面我们来演示一个例子来说明一下这个类的访问权限的问题.
复制代码 代码如下:
//Person类
function Person(){
var name="abc";//var声明的都是类内部的私有变量，外部无法访问
var age = 20;
this.name2="edg";//this声明的是公开变量，外部可以访问
this.show=function(){//shou方法是公开的方法，可以被外部访问，而且可以访问类内部私有方法
window.alert(name);
}
function show2(){//shouw2方法是类内部的私有方法，不能被外部访问
}
}
var p1 = new Person();
document.writeln(p1.name2+p1.name);
p1.show();
//Person类 www.jb51.net
function Person(){
var name="abc";//var声明的都是类内部的私有变量，外部无法访问
var age = 20;
this.name2="edg";//this声明的是公开变量，外部可以访问
this.show=function(){//shou方法是公开的方法，可以被外部访问，而且可以访问类内部私有方法
window.alert(name);
}
function show2(){//shouw2方法是类内部的私有方法，不能被外部访问
}
}
var p1 = new Person();
document.writeln(p1.name2+p1.name);
p1.show();
这个Person其实就是一个类，类名就是Person，其中声明的变量，var开头的都是私有变量，只能在类的内部实现访
问，而通过this关键字声明的变量是公有的变量，可以在外部访问。当然，只需要公开一个方法，就可以实现外部访
问类内部的私有变量，这个this.show=function(){}就是声明一个共有方法，在类的外部也是可以调用的。当然，以此
类推，直接声明的方法是私有的方法/
下面再看一个例子
复制代码 代码如下:
function test(){
alert(this.v);
}
var v = 902;
window.test();
function test(){
alert(this.v);
}
var v = 902;
window.test();
代码很简短，这个的意思是，谁调用的这个方法，这个this就是指的那个对象，比如，window对象调用的test方法，
所以在test方法内部，这个this,v就是指在window也就是外部全局是否定义了一个v变量，通过查看可以知道，定义了
一个var v = 902;所以这个方法调用的其实就是v的值.
相关文章
这篇文章主要介绍了微信小程序页面缩放式侧滑效果的实现代码，实现原理就是通过点击按钮，往需要动画的div中添加或移除拥有动画效果的class。具体实例代码大家跟随小编一起通过本文学习吧2018-11-11
这篇文章主要为大家详细介绍了微信小程序实现圆心进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了bootstrap table小案例，教大家如何使用表格组件bootstrap table2016-10-10
定义新对象方法2010-02-02
今天在群里看到有人要幻灯片的代码，于是我自己也想了想，做个总结。常见的幻灯片切换无非就是轮播和渐变，不管哪种都是用定时器来逐步改变图片或者图片组的某种属性来实现的2011-12-12
在面试过程中经常被面试官问到这样的题目：如何判断数组？下面小编就针对这个问题给大家收集整理了份资料，感兴趣的朋友一起看看吧2017-10-10
这篇文章主要介绍了使用pkg打包ThinkJS项目的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的2015-06-06
这篇文章主要介绍了ES6 Promise对象概念及用法,结合实例形式详细分析了ES6中Promise对象的概念、原理、创建、使用方法及相关操作注意事项,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了JS HTML Web端使用MQTT通讯测试,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
最新评论