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的值.
相关文章
这篇文章主要介绍了详解wepy开发小程序踩过的坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
在TypeScript中,类型断言用于告诉编译器某个变量的类型,这在我们确定变量的类型比编译器更准确时非常有用,本文给大家分享了几种TypeScript中使用类型断言方式,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了Bootstrap打造一个左侧折叠菜单的系统模板(一)的相关资料,需要的朋友可以参考下2016-05-05
本文通过实例代码给大家介绍了带参数的 npm script，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
这篇文章主要为大家详细介绍了JS实现贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要介绍了JavaScript中具名函数的多种调用方式总结,本文总结了4种方法,需要的朋友可以参考下2014-11-11
聊聊JavaScript中的try...catch使用小技巧
作为一名web前端工程师,JavaScript中的try...catch是我们常用的特性之一,用于处理代码中可能出现的错误,本文小编将和大家一起聊聊JavaScript中的try...catch使用小技巧,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了让JavaScript代码更加精简的方法技巧,文章通过使用 JavaScript对象解构来节省代码，JavaScript 对象解构赋值在项目开发中是一个常用的技能。下文实现过程需要的小伙伴可以参考一下2022-06-06
p5.js 是一个JavaScript的函数库，它在制作之初就和Processing有同样的目标。本文将利用p5.js 制作出一束动态花束，感兴趣的可以尝试一下2022-06-06
这篇文章主要是对javascript中数字格式化输出的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
最新评论