JScript中的"this"关键字使用方式补充材料

在"JavaScript中this关键字使用方法详解"一文中，我曾例举了在JavaScript和JScript中的8种this关键字的方式。这不又发现还有两种this关键字的使用方式当时没有说到，现补充说明一下。并且通过第一种this关键字使用的说明，能让我们更好的理解JavaScript作为Object-Based语言的本质。

一种是和JavaScript类中的定义有关，我们知道当我们定义如下类的时候：

function JSClass()
{
}

JSClass.prototype.m_Properties = 100;

JSClass.prototype.ToString = function()
{
    alert(this.m_Properties);
}

方法ToString中的this.m_Properties就是100，那么下面这种定义呢？

function JSClass()
{
}

JSClass.m_Properties = -100;

JSClass.ToString()
{
    alert(this.m_Properties);
}

这时ToString中的这个this.m_Properties是啥？是-100。一定吗？这个不一定了，这得看我们怎么调用这个ToString方法。

JSClass.ToString();
var fun = JSClass.ToString();
fun();
    这时的运行结果居然是：-100和undefined。真是郁闷哈，怎么才能运行fun得到-100呢？需要这样来为fun赋值：

var fun = function() { JSClass.ToString(); }
fun();
    呵呵，这样就是-100了。好像挺废话的，最终不还是调用的JSClass.ToString()吗？这个我们后面再说，看看把这两个JSClass合在一起是什么情况呢？

function JSClass()
{
}

JSClass.m_Properties = -100;
JSClass.prototype.m_Properties = 100;

JSClass.ToString = function()
{
    alert(this.m_Properties);
}

JSClass.prototype.ToString = function()
{
    alert(this.m_Properties);
}

这两个ToString()方法，和里面的this关键字它们是什么关系呢？看下面的示例：

var jsclass = new JSClass();
jsclass.ToString();
JSClass.ToString();
    结果为：100和-100。这里的jsclass实际上是JavaScript的语言机制，通过new关键字的说明来创建的一个新的实例。而JSClass是什么呢？他们本就是对象实例，只是长得像个函数，也像一个类的说明。对于this的问题，第一个jsclass.ToString()方法里的this是指新创建实例，而JSClass.ToString()方法里的this是值得JSClass这个对象实例。

理解了这两个this所指代的东西的不同本质，也就能更好的明白，为什么JavaScript叫做Object-Based的语言，而更加清楚它和Object-Oriented语言的本质区别。

回头再说一下补充第二中this的使用方法，就是在使用eval方法的时候，这个时候的this是什么呢？看看：

alert(this === eval("this"));
    的结果是什么？是true！这是因为eval内代码被执行的作用域就是当前页面本身的说。

赞 (0)

相关推荐

  • 一个对于js this关键字的问题

    所以拿出来与大家共勉: 先运行以下的js代码 <script> foo = {  'bar': function () {  alert(this);  },  'toString': function () {  return 'foo';  } }; foo.bar();//返回的是"foo" (foo.bar)();//返回的是"[object Window]" (foo.bar || null)();//返回的是"[object Win

  • PPK 谈 JavaScript 的 this 关键字 [翻译]

    下面先讲如何在event handling(事件处理)中用它,再接着是讲 this 的其他用法. 自己本身 先来看看函数 doSomething() 里的 this 到底是指向(refer to)了什么? function doSomething() { this.style.color = '#cc0000'; } JavaScript的 this 总指向所运行的函数"自己本身".也就是说,它是一种指向函数对象的方法.在页面中定义 doSomething() 函数,自己本身是指页面.

  • 关于js里的this关键字的理解

    this关键字在c++,java中都提供了这个关键字,在刚开始学习时觉得有难度,但是只要理解了,用起来就方便多了,下面通过本篇文章给大家详解js里this关键字的理解. 关于this,是很多前端面试必考的题目,有时候在网上看到这些题目,自己试了一下,额,还真的错了!在实际开发中,也会遇到 this 的问题(虽然一些类库会帮我们处理),例如在使用一些框架的时候,例如:knockout,有时候不明白为什么不直接使用this,而要把 this 作为参数传入. 接下来你谈谈我对它的理解,也作为一个笔记,

  • JavaScript的this关键字的理解

    概念性的概述this 当一个函数创建后,一个关键字this就随之(在后台)创建,它链接到一个对象,而函数正是在这个对象中进行操作.换句话说,关键字this可在函数中使用,是对一个对象的引用,而函数正是该对象的属性或方法. 让我们来看这个对象: <!DOCTYPE html><html lang="en"><body><script> var cody = { living:true, age:23, gender:'male', getG

  • Javascript this 关键字 详解

    一.this指向构造函数实例化对象 在上篇文章中,我们提到了使用new和不使用new调用构造函数的区别,如下例: 复制代码 代码如下: function Benjamin(username, sex) {     this.username = username;     this.sex = sex; } var benjamin = new Benjamin("zuojj", "male"); //Outputs: Benjamin{sex: "mal

  • Javascript this关键字使用分析

    关于js中的this关键字的文章已经不少了,我看过几篇,我写这篇文章的目的是从实例中分析出this的工作原理,希望对大家有所帮助. 一.基本的: 复制代码 代码如下: function doSomething(){ alert(this.id); } alert(window.doSomething);//证明了doSomething是属于window的 doSomething();//undefined window.onload = function(){ document.getEleme

  • JavaScript中的this关键字介绍与使用实例

    当创建一个类的时候,如果希望下面new出来的每个类都拥有一些通用的变量或者其他的函数,这个this关键字这是最好的方式. 当然,既然是面向对象的语言,必然存在访问权限的问题,这里也和this关键字息息相关.下面我们来演示一个例子来说明一下这个类的访问权限的问题. 复制代码 代码如下: //Person类     function Person(){     var name="abc";//var声明的都是类内部的私有变量,外部无法访问      var age = 20; this.

  • 关于javascript中this关键字(翻译+自我理解)

    关于javascript中this关键字(翻译+自我理解)

    下文有大概70%的内容出自http://www.quirksmode.org/js/this.html,另外30%是我自己对它的理解和感想.希望能对有需要的人一点帮助... 首先,先看一个很典型的关于this关键字题目: 复制代码 代码如下: var name = 'hong' var obj = { name: 'ru', getName: function(){ return function(){ return this.name; }; } } alert(obj.getName()()

  • js中的this关键字详解

    this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, 复制代码 代码如下: function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化.但是有一个总的原则,那就是this指的是,调用函数的那个对象. 下面分四种情况,详细讨论this的用法. 情况一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global. 请看下面这段代码,它的运行结果是1.

  • Javascript之this关键字深入解析

    首先,我先抛出一个定论:"在Javascript中,This关键字永远都指向函数(方法)的所有者". 函数 复制代码 代码如下: function introduce() {     alert("Hello, I am Laruence\r\n");} 对于这个函数,this关键字指向谁呢? 如我之前的文章所述(Javascript作用域),定义在全局的函数,函数的所有者就是当前页面,也就是window对象. 这也就是为什么,我把函数用引号引起来,因为定义在全局的

  • JavaScript中this关键字使用方法详解

    在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScript也提供了这个this关键字,不过用起来就比经典OO语言中要"混乱"的多了. 下面就来看看,在JavaScript中各种this的使用方法有什么混乱之处? 1.在HTML元素事件属性中inline方式使用this关键字: <div onclick="  // 可以在里面使用

随机推荐