第一个javascript prototype

最新推荐文章于 2024-09-17 17:23:28 发布

最新推荐文章于 2024-09-17 17:23:28 发布 · 145 阅读

文章标签：

#prototype #JavaScript #jQuery #OO #Ruby #ViewUI

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文通过一个简单的示例介绍了如何使用JavaScript的构造函数和原型来创建对象和定义对象的方法及属性。作者通过实现一个Person类展示了如何利用prototype属性为类添加通用的功能。

第一个javascript prototype
写完发觉javascript中的OO也是如此的令人happy

     有人这样比喻prototype,说它就像JAVA,jquery就像ruby
     今天第一次真正接触这个东东,还没有搞清它的精髓...
     来日方长,总有一天会征服prototype,jquery的...

     今年22岁,最多也只能写400行JAVASCRIPT
     何时才能写到5000行JAVASCRIPT,
     是个长远的目标啊....

下面是源码

-----------------------

<html>

        /*
            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>