面向对象及组件开发（一）面向对象简介

原创于 2017-05-22 12:47:56 发布 · 493 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#面向对象 #组件开发 #面向对象简介 #JS

➽【面向对象及组件开发】专栏收录该内容

9 篇文章

订阅专栏

本文对比了面向过程和面向对象两种编程范式的不同写法，并通过JavaScript代码示例介绍了面向对象的基本概念，包括对象属性与方法的定义及使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.面向过程式写法

<script type="text/javascript">
    //面向过程的写法
    function test(){}
    for(){}
    if(){}
</script>

2.面向对象式写法

<script type="text/javascript">
    /**
     * we are always using obj,such as array and date.
     * this two guys are system obj. 
     */
    var arr = new Array();
    var date = new Date();

    //propertise and methods
    arr.length;
    arr.push();
    arr.sort();

    date.getDate();
</script>

3.面向对象的组成

<script type="text/javascript">
    var arr = [];

    //obj property
    arr.number=10;

    alert(arr.length);

    arr.test=function(){
        alert(123);
    }

    //obj method
    arr.test();
</script>

第一个面向对象程序

<script type="text/javascript">
    var obj = {} 
    // this sentence is same as the above.
    var obj = new Object();//空对象
    obj.name='xiaoming';
    obj.showName=function(){
        //the key of oop is to figure out "this" is what.
        alert(this.name);
    }
    obj.showName();
</script>