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 相关文章推荐
SinaEditor使用方法详解
Dec 28 Javascript
jquery 3D 标签云示例代码
Jun 12 Javascript
get(0).tagName获得作用标签示例代码
Oct 08 Javascript
jquery实现图片随机排列的方法
May 04 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
JS实现样式清新的横排下拉菜单效果
Oct 09 Javascript
js 获取图像缩放后的实际宽高,位置等信息
Mar 07 Javascript
jQuery异步提交表单实例
May 30 jQuery
AngularJS 限定$scope的范围实例详解
Jun 23 Javascript
JavaScript生成简单等差数列
Nov 28 Javascript
JS限制输入框输入的实现代码
Jul 02 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 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
使用PHP和XSL stylesheets转换XML文档
2006/10/09 PHP
请php正则走开
2008/03/15 PHP
PHP字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
php权重计算方法代码分享
2014/01/09 PHP
五个jQuery图片画廊插件 推荐
2011/05/12 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
2014/06/05 Javascript
原生js实现日期联动
2015/01/12 Javascript
JavaScript插件化开发教程 (一)
2015/01/27 Javascript
jQuery删除一个元素后淡出效果展示删除过程的方法
2015/03/18 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
2018/01/08 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
[53:15]Newbee vs Pain 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python正则表达式常用函数总结
2017/06/24 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Django migrations 默认目录修改的方法教程
2018/09/28 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
Python创建数字列表的示例
2019/11/28 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
python3 re返回形式总结
2020/11/20 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
Beauty Expert美国/加拿大:购买奢侈美容产品
2018/12/05 全球购物
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
介绍一下Java中的Class类
2015/04/10 面试题
海量信息软件测试笔试题
2015/08/08 面试题
四年级小学生评语
2014/12/26 职场文书
正规欠条模板
2015/07/03 职场文书