JavaScript知识点总结(十)之this关键字


Posted in Javascript onMay 31, 2016

this是Javascript语言的一个关键字。随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。JavaScript中的this指针是一个动态的变量,一个方法内的this指针并不是始终指向定义该方法的对象的。Javascript中this关键字通常指向当前函数的拥有者。

下面通过代码给大家介绍下。具体代码如下所示:

<script type="text/javascript">
function Person(){
/*使用var 属性名定义的属性是类的私有属性,外界无法访问,要想被外界访问,就要使用公共方法*/
var QQ=""; 
var Email="@qq.com";
/*使用this.属性名定义的属性就是类的公共属性,是可以被外界访问的*/
this.Name="孤傲苍狼";
this.Age=;
/*定义Person类的公共方法,凡是定义类的公共属性和公共方法都要使用this*/
this.Show=function(){//定义Person类的公共方法(特权方法)
alert("QQ="+QQ+"\tEmail="+Email);
}
/*定义Person类的私有方法*/
function Show(){//这是Person类的一个私有方法,只能在Person类内部使用
}
}
var p = new Person();
alert("私有属性p.QQ="+p.QQ+"\t"+"p.Email="+p.Email);
alert("公共属性p.Name="+p.Name+"\t"+"p.Age="+p.Age);
p.Show();
//p.Show();//这里会报错,无法调用Person类的私有方法,
/*
Window 对象描述
Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。
也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。
同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()。
*/
function Test(){
alert(this.v);
}
v=;
Test();
window.Test();//记住一句话:哪个对象调用this所在的函数,那么this代表的就是哪个对象实例,这里是window对象调用Test()方法,因此此时this指的就是window对象
function Test(){
this.fnTest=function(){
alert(this.v);
}
}
var t = new Test();
t.v="记住一句话:哪个对象调用this所在的函数,那么this代表的就是哪个对象实例";
t.fnTest();//这里是t对象调用Test()方法,因此此时this指的就是t对象
</script>

JavaScript的this总结:

1、this不能在类定义的外部使用,只能在类定义的内部使用。

2、哪个对象调用this所在的函数,那么this代表的就是哪个对象实例。

关于JavaScript知识点总结(十)之this关键字的理解就给大家介绍这里,希望对大家有所帮助!

Javascript 相关文章推荐
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Feb 27 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
浅析javascript 定时器
Dec 23 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
May 03 Javascript
AngularJS ionic手势事件的使用总结
Aug 09 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
Vue弹出菜单功能的实现代码
Sep 12 Javascript
vue制作抓娃娃机的示例代码
Apr 17 Javascript
Vue仿百度搜索功能
Dec 28 Vue.js
JavaScript知识点总结(六)之JavaScript判断变量数据类型
May 31 #Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 #Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 #Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
May 31 #Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 #Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
May 31 #Javascript
TinyMCE汉化及本地上传图片功能实例详解
May 31 #Javascript
You might like
PHP中几个常用的魔术常量
2012/02/23 PHP
一个加载js文件的小脚本
2007/06/28 Javascript
Javascript 验证上传图片大小[客户端]
2009/08/01 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
jqeury-easyui-layout问题解决方法
2014/03/24 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
2015/10/16 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20
2020/12/23 DOTA
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
python库lxml在linux和WIN系统下的安装
2018/06/24 Python
关于Pycharm无法debug问题的总结
2019/01/19 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
opencv3/python 鼠标响应操作详解
2019/12/11 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
Python 操作 MySQL数据库
2020/09/18 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
传播学毕业生求职信
2013/10/11 职场文书
大学生军训自我评价分享
2013/11/09 职场文书
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
2014年工程工作总结
2014/11/25 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
关于远足的感想
2015/08/10 职场文书