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 DOM学习第一章 W3C DOM简介
Feb 19 Javascript
jquery购物车实时结算特效实现思路
Sep 23 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
Nov 25 Javascript
Jquery节点遍历next与nextAll方法使用示例
Jul 22 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
Oct 24 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
Javascript获取某个月的天数
May 30 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加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
XmlUtils JS操作XML工具类
2009/10/01 Javascript
window.ActiveXObject使用说明
2010/11/08 Javascript
js页面跳转常用的几种方式
2010/11/25 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
js密码强度实时检测代码
2016/03/02 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
2016/06/20 Javascript
Vue-cli3项目配置Vue.config.js实战记录
2018/07/29 Javascript
element-ui 上传图片后清空图片显示的实例
2018/09/04 Javascript
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
mac 上配置Pycharm连接远程服务器并实现使用远程服务器Python解释器的方法
2020/03/19 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
python实现简单遗传算法
2020/09/18 Python
python中类与对象之间的关系详解
2020/12/16 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
写给女朋友的道歉信
2014/01/08 职场文书
班级学雷锋活动总结
2014/06/26 职场文书
社保委托书怎么写
2014/08/02 职场文书
2014年度党员自我评议
2014/09/13 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
迎国庆主题班会
2015/08/17 职场文书
《草虫的村落》教学反思
2016/02/20 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
MySQL的join buffer原理
2021/04/29 MySQL
拒绝盗图!教你怎么用python给图片加水印
2021/06/04 Python