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如何判断输入的url是否正确
Apr 11 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
js 左右悬浮对联广告特效代码
Dec 12 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
Sep 12 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
Jan 18 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
angular 动态组件类型详解(四种组件类型)
Feb 22 Javascript
微信小程序 开发之全局配置
May 05 Javascript
Angular4自制一个市县二级联动组件示例
Nov 21 Javascript
如何解决.vue文件url引用文件的问题
Jan 18 Javascript
vue实现登录、注册、退出、跳转等功能
Dec 23 Vue.js
Vue 数据响应式相关总结
Jan 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
Symfony2函数用法实例分析
2016/03/18 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
Jquery事件的连接使用示例
2013/06/18 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
2015/10/09 Javascript
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
2016/02/18 Javascript
JavaScript中点击事件的写法
2016/06/28 Javascript
详解vue-router基本使用
2017/04/18 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
基于vue手写tree插件的那点事儿
2019/08/20 Javascript
JS函数本身的作用域实例分析
2020/03/16 Javascript
angula中使用iframe点击后不执行变更检测的问题
2020/05/10 Javascript
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
Python中获取网页状态码的两个方法
2014/11/03 Python
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
python简单实现刷新智联简历
2016/03/30 Python
Python中super函数的用法
2017/11/17 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
django项目用higcharts统计最近七天文章点击量
2019/08/17 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
python如何写出表白程序
2020/06/01 Python
python将数据插入数据库的代码分享
2020/08/16 Python
秋季运动会广播稿大全
2014/02/17 职场文书
令人印象深刻的自荐信
2014/05/25 职场文书
环保标语口号
2014/06/13 职场文书
2014年小学工作总结
2014/11/26 职场文书
好好学习保证书
2015/02/26 职场文书
2015年教师节慰问信
2015/03/23 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
升学宴来宾致辞
2015/07/27 职场文书
浅谈redis缓存在项目中的使用
2021/05/20 Redis
MySQL学习之基础命令实操总结
2022/03/19 MySQL