javascript物件導向入門基礎詳細介紹

來源:互聯網
上載者:User

什麼是對象

簡單點說,程式設計語言中的對象是對現實中事物的簡化。例如,我們一個人就是一個對象,但是程式設計語言很難完全描述一個這樣複雜的對象。所以我們必須做出簡化,首先,將人簡化成屬性和行為的組合,然後僅僅保留對程式有意義的幾個屬性以及行為。例如,我們做一個統計某學校的人的身高的程式,那麼我們在這個程式中就可以把人的行為省略掉,只保留行為,並且只保留身高這一個屬性。這樣,我們就得到了一個最簡單的對象。

JavaScript字串對象

對象的屬性
其實我們之前在HTML DOM中已經就是在使用對象了。例如,我們知道,DOM節點有一些資訊、例如nodeName、nodeType等,其實這些資訊就是節點對象的屬性。下面我們以字串為例來看看對象的屬性。

字串的屬性
var s = "我有個7個字元";定義了s這個字串之後,我們就有了一個字串對象,我們可以訪問它的長度屬性(length),這個屬性不需要我們定義,它是一個內建的屬性。訪問的方式如下:

s.length點擊下面的按鈕看看字串的長度。

alert(s.length)
字串對象的方法(行為)
同樣,對象也可以有行為,以字串對象為例,我們可以讓字串返回某一個位置的字母或文字,這就是一個行為。可以用後面的按鈕簡單地體驗一下字串的各個屬性與方法,本文最後會詳細地解釋各個方法的使用方法。

複製代碼 代碼如下:
<script type="text/javascript">
var s = "我有個7個字元";var str = "字元" + "串"; //兩個字串相加
alert(str)
</script>

使用字串的length屬性為字串的長度。

alert(str.length)
使用charAt方法返回指定位置的字元。

alert(str.charAt(0))
alert(str.charAt(1))

substring方法從字串中截取一個子字串。

alert(str.substring(0,2))
indexOf返回字串中指定字元或字串的位置,如果字元不存在就返回-1。

alert(str.indexOf('符')
lastIndexOf方法返回一個字串中某字元最後一次出現的位置。

date對象

執行個體JavaScript date代碼
我們先來看一段使用了date對象的JS代碼。點擊下面的幾個按鈕就可以看到各個變數的值了。

複製代碼 代碼如下:
<script type="text/javascript">
var today = new Date(); //建立一個Date對象
var todayStr = today.toString();//把日期轉化為字串
var todayLocal = today.toLocaleString();//轉換為本地字串
var date = today.getDate();//查詢當月日期
var day = today.getDay();//查詢當前星期幾
var month = today.getMonth();//查詢月份
var year = today.getFullYear();//查詢年份
alert(todayStr);
alert(todayLocal);
alert(date);
alert(day);
alert(month);
alert(year);
</script>

建立一個Date對象
我們使用如下這個語句來建立一個Date對象。

var today = new Date();執行之後,today變數裡就儲存了建立的Date對象。

字串對象的方法(行為)
JavaScript date物件查詢(get)方法
JavaScript date對象設定(set)方法
JavaScript date對象轉換(to)方法
JavaScript Date對象應用執行個體——時鐘代碼
本代碼

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.