JavaScript类和继承:this属性
来源:互联网 发布:大学生贷款的软件 编辑:程序博客网 时间:2024/05/19 14:50
JavaScript类和继承:this属性
2009-07-08 17:42 sanshi 博客园 我要评论(0) 字号:T | T
本文介绍了JavaScript里面的this属性。这个属性是理解JavaScript类和继承的重要基础。
AD:
this属性表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。
先看一个在全局作用范围内使用this的例子:
- < script type="text/javascript">
- console.log(this === window); // true
- console.log(window.alert === this.alert); // true
- console.log(this.parseInt("021", 10)); // 10
- < /script>
函数中的this属性是在运行时决定的,而不是函数定义时,如下:
- // 定义一个全局函数
- function foo() {
- console.log(this.fruit);
- }
- // 定义一个全局变量,等价于window.fruit = "apple";
- var fruit = "apple";
- // 此时函数foo中this指向window对象
- // 这种调用方式和window.foo();是完全等价的
- foo(); // "apple"
- // 自定义一个对象,并将此对象的属性foo指向全局函数foo
- var pack = {
- fruit: "orange",
- foo: foo
- };
- // 此时函数foo中this指向window.pack对象
- pack.foo(); // "orange"
全局函数apply和call可以用来改变函数中this属性的指向,如下:
- // 定义一个全局函数
- function foo() {
- console.log(this.fruit);
- }
- // 定义一个全局变量
- var fruit = "apple";
- // 自定义一个对象
- var pack = {
- fruit: "orange"
- };
- // 等价于window.foo();
- foo.apply(window); // "apple"
- // 此时foo中的this === pack
- foo.apply(pack); // "orange"
注:apply和call两个函数的作用相同,唯一的区别是两个函数的参数定义不同。
因为在JavaScript中函数也是对象,所以我们可以看到如下有趣的例子:
- // 定义一个全局函数
- function foo() {
- if (this === window) {
- console.log("this is window.");
- }
- }
- // 函数foo也是对象,所以可以定义foo的属性boo为一个函数
- foo.boo = function() {
- if (this === foo) {
- console.log("this is foo.");
- } else if (this === window) {
- console.log("this is window.");
- }
- };
- // 等价于window.foo();
- foo(); // this is window.
- // 可以看到函数中this的指向调用函数的对象
- foo.boo(); // this is foo.
- // 使用apply改变函数中this的指向
- foo.boo.apply(window); // this is window.
- JavaScript类和继承:this属性
- JavaScript类和继承(2):this属性
- JavaScript类和继承:this属性
- JavaScript类和继承:this属性
- JavaScript类和继承 this属性使用说明
- JavaScript类和继承:constructor属性
- JavaScript类和继承:constructor属性
- JavaScript类和继承:prototype属性
- JavaScript类和继承(1):prototype属性
- JavaScript类和继承:constructor属性
- JavaScript类和继承:prototype属性
- JavaScript类和继承:constructor属性
- JavaScript类和继承:constructor属性
- JavaScript类和继承:prototype属性
- JavaScript类和继承:constructor属性
- javascript封装继承圣杯模式 和 命名空间,this,属性表示法介绍
- javascript高级属性:私有 和 继承
- JavaScript之继承、this问题和对象枚举
- 你好世界!
- Android中调用外部地图程序
- SQL Server sys.objects
- 两个UIPickerView控件间的数据依赖
- java.lang.ClassNotFoundException: com.mysql.jdbc.Driver 解决方法
- JavaScript类和继承:this属性
- Oracle 10g Scheduler 特性
- 钱有点少,股票又亏,目前可以有的只有基金
- html5访问sqlite解说
- 一个普通院校的数学系本科生做自然语言处理——我该坚持吗?
- 如何通过长尾关键词来带动企业站流量
- libevent-1.1a源代码分析
- UNIX/LINUX 平台可执行文件格式分析
- JavaScript类和继承:prototype属性