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

杭州-前端-求内推

于 2017-05-22 12:47:56 发布

阅读量493

点赞数

CC 4.0 BY-SA版权

分类专栏： ➽【面向对象及组件开发】文章标签：面向对象组件开发面向对象简介 JS

本文链接：https://blog.youkuaiyun.com/ansenamerson/article/details/72625407

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

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>