JavaScript學(xué)習(xí)（三十八）—面向過(guò)程與面向?qū)ο?/h2>

2021-4-14    前端達(dá)人

JavaScript學(xué)習(xí)（三十八）—面向過(guò)程與面向?qū)ο?

一、程序設(shè)計(jì)語(yǔ)言中的兩大編程思想：面向?qū)ο蟆⒚嫦蜻^(guò)程

（一）、面向過(guò)程

  • 就是指完成某個(gè)需求的時(shí)候，先分析出完成該需求時(shí)所需要經(jīng)歷的步驟有哪些，然后按照步驟依次執(zhí)行，最終實(shí)現(xiàn)我們想要的效果。這種編程思想就是面向過(guò)程，典型的面向過(guò)程的編程語(yǔ)言有C語(yǔ)言。

（二）、面向?qū)ο?/span>

  • 就是在完成某個(gè)需求的時(shí)候，先分析完成該需求所需要涉及的對(duì)象有哪些，然后找出這些對(duì)象所具有的屬性和方法，利用這些屬性和方法幫助我們完成需求。這種編程思想就是面向?qū)ο?。典型的面向?qū)ο蟮恼Z(yǔ)言有Java、C++。

在這里插入圖片描述

（三）、什么是對(duì)象？

  • 所謂的對(duì)象就是指具有特定功能的無(wú)序的屬性的集合。JS中的對(duì)象有內(nèi)置對(duì)象，也可以根據(jù)需求自定義對(duì)象。

自定義對(duì)象的方式主要有以下幾種：
字面量形式、工廠形式、構(gòu)造方法

（四）、字面量形式的創(chuàng)建
格式： 

var 對(duì)象名稱={ 屬性名稱1：屬性,1，

    屬性名稱2：屬性值2，

    屬性名稱3：屬性值3，

    屬性名稱n：屬性值n， }; 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    •

沙場(chǎng)練兵： 

<!-- 創(chuàng)建一個(gè)汽車(chē)對(duì)象 1、屬性：品牌、價(jià)格、顏色等、 2、方法（功能）：跑、停 --> <body> <script> var car = { brand: '寶馬', price: '100萬(wàn)', color: 'red', run: function() { console.log('汽車(chē)跑起來(lái)了'); }, stop: function() { console.log('汽車(chē)停下來(lái)了'); } }; console.log(car); </script> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    • 

    
  • 
        15
    
    • 

    
  • 
        16
    
    • 

    
  • 
        17
    
    • 

    
  • 
        18
    
    • 

    
  • 
        19
    
    • 

    
  • 
        20
    
    • 

    
  • 
        21
    
    • 

    
  • 
        22
    
    • 

    
  • 
        23
    
    • 

    
  • 
        24
    
    • 

    
  • 
        25
    
    •

在這里插入圖片描述 

 <script> var person = { name: '小王', age: '18', gender: '女', eat: function() { console.log('方便面'); }, play: function() { console.log('王者榮耀'); }, study: function() { console.log('web前端'); } }; console.log(person); </script> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    • 

    
  • 
        15
    
    • 

    
  • 
        16
    
    • 

    
  • 
        17
    
    •

在這里插入圖片描述

轉(zhuǎn)自：csdn論壇 作者：乘風(fēng)破浪的程序媛


藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至：

日歷

鏈接

個(gè)人資料

存檔