第一个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>
推荐阅读
-
JS将网址转换成可点击的超链接 博客分类: javascript javascript网址转换为超链接
-
js计算日期天数 博客分类: javascript js日期
-
javascript操作select和option 博客分类: js JavaScriptIEFirefoxHTML
-
浏览器的内核引擎分类 博客分类: JavaScript/ExtJS 浏览器引擎内核排版html
-
JavaScript玩转日期计算 博客分类: JavaScript JavaScriptDate日期
-
js时间戳和时间格式之间的转换 博客分类: JavaScriptweb前端技术 javascript时间戳时间格式转换
-
javascript时间戳与日期转换 博客分类: Javascript javascript时间戳
-
js小应用之设定当前系统时间 博客分类: javaScript JavaScript系统日期时间
-
js取日期的前一天 博客分类: javascript JavaScript日期
-
jquery学习之延迟jQuery的ready事件 博客分类: jquery JavaScript、jquery、web