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 相关文章推荐
基于jquery的loading效果实现代码
Nov 05 Javascript
jQuery学习笔记之jQuery选择器的使用
Dec 22 Javascript
javascript图像处理—仿射变换深度理解
Jan 16 Javascript
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 Javascript
JS实现黑客帝国文字下落效果
Sep 01 Javascript
轻松实现javascript数据双向绑定
Nov 11 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
Sep 15 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 Javascript
帮你提高开发效率的JavaScript20个技巧
Jun 18 Javascript
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
咖啡因含量是由谁决定的?低因咖啡怎么来?低因咖啡适合什么人喝
2021/03/06 新手入门
header()函数使用说明
2006/11/23 PHP
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
JQuery优缺点分析说明
2011/04/10 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
JavaScript实现基于十进制的四舍五入实例
2015/07/17 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
javascript实现网页端解压并查看zip文件
2015/12/15 Javascript
JS中call/apply、arguments、undefined/null方法详解
2016/02/15 Javascript
第十章之巨幕页头缩略图与警告框组件
2016/04/25 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
微信小程序 参数传递详解
2016/10/24 Javascript
JSONP基础知识详解
2017/03/19 Javascript
微信小程序 实例开发总结
2017/04/26 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
Python 学习笔记
2008/12/27 Python
Python yield使用方法示例
2013/12/04 Python
Python计时相关操作详解【time,datetime】
2017/05/26 Python
Python生成任意范围任意精度的随机数方法
2018/04/09 Python
python遍历一个目录,输出所有的文件名的实例
2018/04/23 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
世界最大的私人旅行指南出版商:孤独星球
2016/08/23 全球购物
应聘自荐信
2013/12/14 职场文书
《都江堰》教学反思
2014/02/07 职场文书
学生实习证明模板汇总
2014/09/25 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
python opencv通过4坐标剪裁图片
2021/06/05 Python
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python