读《无类语言的OOP（JavaScript描述）》

RednaxelaFX

浏览: 3038842 次
性别:
来自: 海外

最近访客更多访客>>

a380285

leon916

duyudeai

北风norther

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

OOP JavaScript ActionScript Web

原文：无类语言的OOP（JavaScript描述）

本来是抱着希望想读一下别人对JavaScript的理解，不料一上来就看到了……

引用

一. 基础：
建立类。只需声明一个函数作为类的构造函数即可。

function Light (light) {
    //填充对象属性
    this.light = light ? light : 0
    this.state = false

    //对象方法。
    //放心，JavaScript 没傻到给每个对象都真去分配一个函数的地步
    this.turnOn = function () {
        this.state = true
    }
}

觉得特别郁闷，一开始就当头挨上已棒，后面也没什么心机看了。

问题就是“一个函数”是什么。从语言表象看，在我接触到的JavaScript/ActionScript引擎里，下面的代码都总是两个false:
JavaScript: (IE6, IE7, FF2, FF3)

<html>
	<body>
		<script type="text/javascript">
			function Light (light) {
			    this.light = light ? light : 0;
			    this.state = false;

			    this.turnOn = function () {
			        this.state = true;
			    }
			}
			
			var light1 = new Light(100);
			var light2 = new Light(200);
			document.write( light1.turnOn == light2.turnOn );
			document.write( "<br />" );
			document.write( light1.turnOn === light2.turnOn );
		</script>
	</body>
</html>

ActionScript: (AVM2)

function Light (light) {
    this.light = light ? light : 0;
    this.state = false;

    this.turnOn = function () {
        this.state = true;
    }
}
	
var light1 = new Light(100);
var light2 = new Light(200);
print( light1.turnOn == light2.turnOn );
print( light1.turnOn === light2.turnOn );

ECMAScript里“一个函数”本身就包含了code与environment。单纯是code的话，编译时当然能只生成一个版本；外带environment的话就没办法连environment也只保留一份。

后来发觉有人对那段做了反驳：
对【无类语言的OOP（JavaScript描述）】一贴中第一个代码段的不同意见
嗯这篇扯得有点远。Anyway...不好说不好说。

只是，想起周末看资料的时候，看到有文章提到在语言设计中“syntax matters”。在这里的话，我是觉得发帖时的“语气也很重要”。嗯……

P.S. 参考Professional JavaScript for Web Developers中，3.5一节的内容。

分享到：

KAGEX revision 3614更新 | JavaNativeCompiler

2007-11-13 16:42
浏览 2094
评论(3)
查看更多

3 楼黑白两相望 2011-11-28

司徒正美写道

<pre>

   function Light (light) {
                this.light = light ? light : 0;
                this.state = false;

                this.turnOn = function () {
                  return this.state = true;
                }()
            }

            var light1 = new Light(100);
            var light2 = new Light(200);
            document.write( light1.turnOn == light2.turnOn );
            document.write( "<br />" );
            document.write( light1.turnOn === light2.turnOn );
</pre>

这样就两个true;

因为

……
                this.turnOn = function () {
                 this.state = true;
                }
……

相当于

   this.turnOn = function () {
                 this.state = true;
             return false;

                }

我去我以为我的理解已经够可以了没想到你的理解能力比我还差看看你都说了些神马

2 楼 RednaxelaFX 2009-05-31

司徒正美写道

function Light(light) {
    this.light = light ? light : 0;
    this.state = false;

    this.turnOn = function () {
        return this.state = true;
    }()
}

var light1 = new Light(100);
var light2 = new Light(200);
document.write( light1.turnOn == light2.turnOn );
document.write( "<br />" );
document.write( light1.turnOn === light2.turnOn );

这样就两个true;

嘿嘿，这样是两个true，但原因却不是您所解释的那样。

首先是在函数字面量之后加括号的问题。这就是直接调用括号前的函数字面量，于是

a = function () {
    return 2
}()

等于

a = 2

其次，JavaScript的函数中如果没有return，或在对某函数某次调用的控制流中没有遇到return就离开了该函数，则函数的返回值是undefined，不是false。

a = function () {
    this.b = 1
}()
typeof(a) // == undefined

b = function (n) {
    if (n % 2 == 0) return true
}(1)
typeof(b) // == undefined

回到您的解释：您修改过代码后，this.turnOn就是true而不是一个函数；比较两个Light实例上的turnOn属性，自然总是相等——它们都是true而已。这与顶楼以及顶楼所引用的原帖中所讨论的不是同一个问题。

1 楼司徒正美 2009-05-30

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论