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 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
CSS+jQuery实现的一个放大缩小动画效果
Sep 24 Javascript
Node.js文件操作详解
Aug 16 Javascript
使用js画图之正弦曲线
Jan 12 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
Vue实现自带的过滤器实例
Mar 09 Javascript
详解小程序输入框闪烁及重影BUG解决方案
Aug 31 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
Vue数据双向绑定原理实例解析
May 15 Javascript
js 函数性能比较方法
Aug 24 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
Body是什么,该怎么喝出咖啡里的口感
2021/03/03 咖啡文化
PHP 处理图片的类实现代码
2009/10/23 PHP
Could not load type System.ServiceModel.Activation.HttpModule解决办法
2012/12/29 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
JS 对象介绍
2010/01/20 Javascript
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
JSChart轻量级图形报表工具(内置函数中文参考)
2010/10/11 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
2013/10/24 Javascript
Jquery如何实现点击时高亮显示代码
2014/01/22 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
2015/08/11 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
简单实现vue验证码60秒倒计时功能
2017/10/11 Javascript
Three.js开发实现3D地图的实践过程总结
2017/11/20 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
Python中装饰器学习总结
2018/02/10 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
python实现计算器功能
2019/10/31 Python
Django实现内容缓存实例方法
2020/06/30 Python
html5指南-6.如何创建离线web应用程序实现离线访问
2013/01/07 HTML / CSS
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
印尼旅游网站:via
2017/11/12 全球购物
物业管理大学生个人的自我评价
2013/10/10 职场文书
电子商务专员岗位职责
2013/12/11 职场文书
回门宴父母答谢词
2014/01/26 职场文书
2014领导班子专题民主生活会对照检查材料思想汇报
2014/09/23 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书