1. 程式人生 > >JavaScript入門(五)JS類與物件

JavaScript入門(五)JS類與物件

前言

      本章學習JS類和物件的相關知識

方法

1.基本概念

到這裡,你可能懵了!我靠,JS也有類和物件。經常聽老鳥說,JS也是比較難的,尤其是深入的去學,但是我們不要怕!你要相信,他沒有Java難就足夠了!

2.類的宣告

function 類名(形參1,形參2……){
    this.屬性名1=形參1;
    this.屬性名2=形參2;
    ……
    this.屬性名=fn
}

其實,它和Java中類的宣告方式有異曲同工之妙!只不過我們可以暫時把它看作是【建構函式包含了類的所有內容】

//類的宣告--person
function Person(name,age){
	this.name=name;
	this.age=age;
	this.play= function(){
		alert("我是類中的方法");
	};
}
//物件的基本呼叫
var person = new Person("張三",11);
alert(person.name);
person.play();

相信你已經發現了,它和Java實在是太像了!

3.自定義物件的宣告與使用

我們知道,JS有類和物件的概念,那麼就可以自己設定物件了!

語法:
var 物件名=new Object();
    物件名.屬性名1=屬性值1;
    物件名.屬性名2=屬性值2;
    物件名.屬性名3=屬性值3;
    ……

var 物件名={};
    物件名.屬性名1=屬性值1;
    物件名.屬性名2=屬性值2;
    物件名.屬性名3=屬性值3;
    ……
將一部分資料包裝為物件之後,既可以傳遞到後臺進行解析!

後面我們學到AJAX的時候會用到相關的概念,提前瞭解一下!

4.常用的物件方法(重要)

大體上與Java中的相關類十分相像!

//1、String物件學習
var str=new String("abcdefg");//宣告String物件儲存字串
var  str2="MNP";//簡寫形式
alert(str);
//字串大小寫的轉換
alert(str.toUpperCase());//將字串轉換為大寫
alert(str2.toLowerCase());//將字串轉換為小寫
//字串的切割
var s="哈哈,嘿嘿,呵呵";
var s1=s.split(",");//按照指定的字元切割字串,返回陣列。
alert(s1.length);
//字串的擷取
var s="abcdef";
alert(s.substr(1,3));//從指定的開始位置擷取指定長度的子字串
alert(s.substring(1,3));//從指定的開始位置和指定的結束位置擷取子字串,含頭不含尾。
//查詢子字串第一次出現的角標
var s="abcdefg";
alert(s.indexOf("dd"));//返回指定子字串第一次出現的角標,沒有則返回-1;
//2、Date物件
//建立Date物件
var d=new Date();
alert(d);
//獲取當前年份
alert(d.getYear());//返回的是1900年開始距今的年分數
alert(d.getFullYear());//返回的是當前的年份
alert(d.getMonth()+1);//返回的當前月份的角標值,需要+1
alert(d.getDate());//返回的是當前的日期數
alert(d.getDay());//返回的是當前的星期數,但是周天會返回值為0;
alert(d.getHours());//返回當前時間的小時數
alert(d.getMinutes());//返回當前時間的分鐘數
alert(d.getSeconds());//返回當前時間的秒數
alert(d.getHours()+":"+d.getMinutes()+":"+d.getSeconds());

寫後感:

大家注意了,不是要大家引入面向物件,JS並不支援面向物件,只不過JS比較靈活一些,大家也不要在這裡過於深入研究,以免走火入魔,簡單瞭解一下概念就好。也就是說:你要知道JS中也可以定義類,宣告物件進行引用!