第一个javascript prototype 博客分类: javascript prototypeJavaScriptjQueryOORuby
第一个javascript prototype
写完发觉javascript中的OO也是如此的令人happy
有人这样比喻prototype,说它就像JAVA,jquery就像ruby
今天第一次真正接触这个东东,还没有搞清它的精髓...
来日方长,总有一天会征服prototype,jquery的...
今年22岁,最多也只能写400行JAVASCRIPT
何时才能写到5000行JAVASCRIPT,
是个长远的目标啊....
下面是源码
-----------------------
<html>
<script type="text/javascript">
/*
person这个函数其实就是创建了一个类
这个函数相当于一个构造函数,
初始化name和sex属性...
这里的this指的就是person这个对象
*/
function person(name,sex){
this.name=name;
this.sex=sex;
}
/*
利用prototype属性添加新的属性address,并为其赋值
*/
person.prototype.address="湖北襄樊";
/*
利用prototype属性添加新的方法speak
*/
person.prototype.speak = function() {
return "我讲的是普通话";
}
/*
同样是new关键字创建一个对象myself,给构造函数传两个参数
然后可以输出创建的这个对象的相关属性和方法,查看相关信息
*/
var myself=new person("陈伟","男");
var mix="我的名字叫:"+myself.name;
mix+="\n我的性别是:"+myself.sex;
mix+="\n我的住址是:"+myself.address;
mix+="\n我讲的话:"+myself.speak();
alert(mix);
</script>
</html>
推荐阅读
-
IE浏览器愚弄了我。。。很郁闷 博客分类: javascript 浏览器IE脚本
-
图片移动不超出边界 博客分类: javascript CC++C#HTML
-
IE浏览器愚弄了我。。。很郁闷 博客分类: javascript 浏览器IE脚本
-
js实现的年月日三级联动 博客分类: javascript J#IEFirefox浏览器IDEA
-
第一个javascript prototype 博客分类: javascript prototypeJavaScriptjQueryOORuby
-
控制图片大小 博客分类: javascript 控制图片大小
-
验证选择的图片 博客分类: javascript Firefox
-
支持多选的select 博客分类: javascript 支持多选的select
-
图片移动不超出边界 博客分类: javascript CC++C#HTML
-
输入时屏蔽特殊字符 博客分类: javascript Java