JavaScript类和继承:this属性
来源:互联网 发布:mysql 图片 编辑:程序博客网 时间:2024/05/19 11:48
JavaScript类和继承:this属性
转自:http://developer.51cto.com/art/200907/134909.htm
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问题和对象枚举
- VC format函数详解(讲的很清楚)
- C# 中判断是不是URL 的方法?
- 头插法/尾插法建立线性链表
- cocos2d-x for android:CCSprite 精灵动画
- autoVue 无法查看,AXML抛出异常
- JavaScript类和继承:this属性
- C语言中static的作用
- OPTIMIZER_INDEX_COST_ADJ与成本计算
- android 4.0 蓝牙分析-设置面板中蓝牙工作的流程
- Android自定义Style
- 关于unity3d的插件toolkit2d的spider 蜘蛛怎么动起来的,网上没有答案
- linux下gcc简介
- taglib prefix="s"
- 如何解决SqlServer2008修改表结构后无法保存的问题