亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript學習筆記(二)數組和對象部分

2019-11-20 14:04:34
字體:
來源:轉載
供稿:網友

javascript對象部分

一:基礎部分

1.JavaScript 中所有變量都是對象,除了兩個例外 null 和 undefined。

2.Jscript 支持四種類型的對象:內部對象、生成的對象、宿主給出的對象(所有BOM和DOM對象都是宿主對象。)以及 ActiveX 對象(外部組件)。

3.Microsoft Jscript 提供了 11 個內部(或“內置”)對象。它們是Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、Error 以及 String 對象。

4.對象只是一種特殊的數據。對象擁有屬性和方法。 JavaScript 是面向對象的語言,但 JavaScript 不使用類。 JavaScript 基于 prototype,而不是基于類的。

5.屬性:是隸屬于某個特定對象的變量。方法:是只有某個特定對象才能調用的函數。

6.Jscript 對象是屬性和方法的集合。一個方法就是一個函數,是對象的成員。屬性是一個值或一組值(以數組或對象的形式),是對象的成員。

7.javascript對象是基于構造器函數的,使用構造器函數創建一個新對象時,就可以說是實例化了一個新對象。屬性是構造器函數內部的變量。

使用構造器函數實例化的對象:

cat = new Animal();
8.Javascript是一種基于對象(object-based)的語言,你遇到的所有東西幾乎都是對象。但是,它又不是一種真正的面向對象編程(OOP)語言,因為它的語法中沒有class(類)。

復制代碼 代碼如下:

<script type="text/javascript">
    //對象是名/值對的集合
        var browser = {     //對象是由花括號括起來的
            name:"Firefox",
            kernel:"Gecko"
        };
</script>

復制代碼 代碼如下:

 //通過點號(.)或“[]”來訪問對象的屬性
    browser.name         //"Firefox"
    browser["kernel"]   //"Gecko"

對象(objct)是屬性(property)的集合,每個屬性都由“名/值對”構成,js同樣定義了一個特殊的對象――數組,它是帶有編號的值的有序集合。js還定義了一個特殊的對象――函數,函數是具有與他相關聯的可執行代碼的對象,通過調用函數來執行代碼,并返回運算結果。

理清概念:
JS中"基于對象=面向對象"4.JS中沒有類(Class),但是它取了一個新的名字叫“原型對象”,因此"類=原型對象"

二:類(原型對象)和對象(實例)的區別與聯系###  

1.類(原型對象)是抽象,是概念的,代表一類事物。
 2.對象是具體的,實際的,代表一個具體的事物。
   3.類(原型對象)是對象實例的模板,對象實例是類的一個個體。
一個常見的誤解是數字的字面值(literal)不是對象。這是因為 JavaScript 解析器的一個錯誤,它試圖將點操作符解析為浮點數字面值的一部分。

有很多變通方法可以讓數字的字面值看起來像對象。

2..toString(); // 第二個點號可以正常解析
2 .toString(); // 注意點號前面的空格
(2).toString(); // 2先被計算
刪除屬性

刪除屬性的唯一方法是使用 delete 操作符;設置屬性為 undefined 或者 null 并不能真正的刪除屬性,而僅僅是移除了屬性和值的關聯。

JavaScript面向對象三大特征

封裝:不考慮內部實現,只考慮功能使用
繼承:從已有對象上,繼承出新的對象
多態:所謂多態,就是指一個引用在不同情況下的多種狀態,
1.封裝

封裝就是要把屬于同一類事物的共性(包括屬性與行為)歸到一個類中,以方便使用.比如人這個東東,可用下面的方式封裝:

人{
年齡(屬性一)
身高(屬性二)
性別(屬性三)

做事(行為之一)
走路(行為之二)
說話(行為之三)
}

封裝的好處:

封裝保護了內部數據的完整性;
封裝使對象的重構更輕松;
弱化模塊間的耦合,提高對象的可重用性;
有助于避免命名空間沖突;
看下面一個例子:

復制代碼 代碼如下:

 <script type="text/javascript"> 
            var boy = {}; //創建一個空對象
                    boy.name = "小明";//按照原型對象的屬性賦值
                    boy.age = 12;

            var girl = {};
                    girl.name = "小紅";
                    girl.age = 10;
    </script>

這就是最簡單的封裝了,把兩個屬性封裝在一個對象里面。但是,這樣的寫法有兩個缺點,一是如果多生成幾個實例,寫起來就非常麻煩;二是實例與原型之間,沒有任何辦法,可以看出有什么聯系。

構造函數模式

為了解決從原型對象生成實例的問題,Javascript提供了一個構造函數(Constructor)模式。

所謂"構造函數",其實就是一個普通函數,但是內部使用了this變量。對構造函數使用new運算符,就能生成實例,并且this變量會綁定在實例對象上。

比如boy和girl的原型對象現在就可以這樣寫:

復制代碼 代碼如下:

<script type="text/javascript"> 
        function Person(name,age){
                this.name = name;
                this.age = age;
        }
</script>

我們現在就可以生成實例對象了。

復制代碼 代碼如下:

<script type="text/javascript"> 
        var boy = new Person("小明","12");
        var girl = new Person("小紅","10");

        alert(boy.name);  //小明
        alert(boy.age);   //12
</script>

這時Boy和girl會自動含有一個constructor屬性,指向它們的構造函數。
 

復制代碼 代碼如下:

alert(boy.constructor == Person); //true

 alert(girl.constructor == Person); //true


Prototype模式 Javascript規定,每一個構造函數都有一個prototype屬性,指向另一個對象。這個對象的所有屬性和方法,都會被構造函數的實例繼承。

這意味著,我們可以把那些不變的屬性和方法,直接定義在prototype對象上。

復制代碼 代碼如下:

<script type="text/javascript">
function Person(name,age){
        this.name = name;
        this.age = age;
}

Person.protype.type = "人類";

Person.protype.eat = function(){
        alert("吃米飯");
}
</script>

然后,生成實例:

復制代碼 代碼如下:

<script type="text/javascript">
var boy = new Person("小明","12");
var girl = new Person("小紅","10");

alert(boy.type);//人類
boy.eat();//吃飯
</script>

這時所有實例的type屬性和eat()方法,其實都是同一個內存地址,指向prototype對象,因此就提高了運行效率。

alert(boy.eat == girl.eat); //true
原型屬性是一個內置屬性,它指定了對象所擴展的構造器函數。
下面的代碼為Animal構造器函數添加一個新的屬性size,這個新屬性是cat對象的原型屬性。通過使用原型屬性,所有擴展Animal構造器函數的對象就可以訪問size屬性

cat = new Animal("feline","meow", "walk/run");
cat.prototype.size = "fat";
在這種情況下,所有的Animal對象的size屬性都是“fat”。原型默認為Object的新實例, 由于仍是對象, 故可以給該對象添加新的屬性。就好像style是javascript的一個對象一樣,也可以往style后繼續添加屬性。

復制代碼 代碼如下:

  <script type="text/javascript">
        /*定義一個Person類*/
        function Person(_name,_age,_salary){
            //Person類的公開屬性,類的公開屬性的定義方式是:”this.屬性名“
            this.Name=_name;
            //Person類的私有屬性,類的私有屬性的定義方式是:”var 屬性名“
            var Age=_age;
            var Salary=_salary;

            //定義Person類的公開方法(特權方法),類的公開方法的定義方式
是:”this.functionName=function(){.....}“
            this.Show=function(){
   alert("Age="+Age+"/t"+"Salary="+Salary);//在公開方法里面訪問類的私有屬性是允許的
            }
</script>

對象在查找某個屬性的時候,會首先遍歷自身的屬性,如果沒有則會繼續查找[[Prototype]]引用的對象,如果再沒有則繼續查找[[Prototype]].[[Prototype]]引用的對象,依次類推,直到[[Prototype]].….[[Prototype]]為undefined(Object的[[Prototype]]就是undefined)

簡單說就是通過對象的[[Prototype]]保存對另一個對象的引用,通過這個引用往上進行屬性的查找,這就是原型鏈。

全局的window對象

JavaScript中的任何一個全局函數或變量都是window的屬性。
self對象與window對象完全相同,self通常用于確認就是在當前的窗體內。

 window的主對象主要有如下幾個:

JavaScript document 對象
JavaScript frames 對象
JavaScript history 對象
JavaScript location 對象
JavaScript navigator 對象
JavaScript screen 對象
幾個常用方法

valueof()方法:返回指定對象的原始值
split() 方法將字符串分割為字符串數組,并返回此數組。
indexOf() 方法可返回某個指定的字符串值在字符串中首次出現的位置。  
substring() 方法用于提取字符串中介于兩個指定下標之間的字符。
substr() 方法從字符串中提取從 startPos位置開始的指定數目的字符串。 
join()方法用于把數組中的所有元素放入一個字符串。
arrayObject.join(分隔符)
reverse() 方法用于顛倒數組中元素的順序。  
slice() 方法可從已有的數組中返回選定的元素。
對象字面量

對象字面量是用于創建包含大量屬性的過程,

復制代碼 代碼如下:

<script type="text/javascript">
    var company = {
        name : "Microsoft",
        ages : 39,
        employees : 99000,
        CEO : "Nadella"
    };    
</script>

這里需要注意的是屬性和屬性值以冒號(:)隔開;多個屬性用逗號(,)隔開。對象字面量亦可以定義方法,只需在這個對象的屬性上寫上function就行,這是一個匿名函數,調用它只需要寫上他的方法名()即可。

復制代碼 代碼如下:

<script type="text/javascript">
var dog = {
   name:"husky",
   age:2,
   run:function(){
              return "123";
}
}
alert(dog.run());//如果輸入dog.run,那么會彈出它后面的function部分的代碼
</script>

javascript數組部分

1.Array 對象

Array 對象:提供對創建任何數據類型的數組的支持。

復制代碼 代碼如下:

arrayObj = new Array()
arrayObj = new Array([size])
arrayObj = new Array([element0[, element1[, ...[, elementN]]]])

定義:var arr = [2,3,45,6];     var arr = new Array(2,4,5,7)
兩者是定義沒有任何差別,[]的性能高,因為代碼短。

使用數組和對象字面量:var aTest = [];創建數組時,使用數組字面量是個好選擇;類似的,對象字面量也可用于節省空間。以下兩行是相等的,但是使用對象字面量的更加簡短:

 var oTest = new Object;  //盡量不用
 var oTest = { };    //最好的選擇,或者var 0Test = [ ];
遍歷為了達到遍歷數組的最佳性能,推薦使用經典的 for 循環。

復制代碼 代碼如下:

var list = [1, 2, 3, 4, 5, ...... 100000000];
for(var i = 0, l = list.length; i < l; i++) {
    console.log(list[i]);
}

上面代碼有一個處理,就是通過 l = list.length 來緩存數組的長度。

Array 構造函數

由于 Array 的構造函數在如何處理參數時有點模棱兩可,因此總是推薦使用數組的字面語法 - [] - 來創建數組。

因此下面的代碼將會使人很迷惑:

new Array(3, 4, 5); // 結果: [3, 4, 5]
new Array(3) // 結果: [],此數組長度為 3
應該盡量避免使用數組構造函數創建新數組。推薦使用數組的字面語法。它們更加短小和簡潔,因此增加了代碼的可讀性。

Array數組的屬性

Array數組的3個屬性:length屬性、prototype屬性、constructor屬性

1.length屬性

Length屬性表示數組的長度,即其中元素的個數。因為數組的索引總是由0開始,所以一個數組的上下限分別是:0和length-1。和其他大多數語言不同的是,JavaScript數組的length屬性是可變的,這一點需要特別注意。

2.prototype屬性

返回對象類型原型的引用。prototype屬性是object共有的。

對于Array數組對象,以以下例子說明prototype屬性的用途。
給數組對象添加返回數組中最大元素值的方法。要完成這一點,聲明一個函數,將它加入Array.prototype,并使用它。

復制代碼 代碼如下:

function array_max() 

var i,max=this[0]; 
for(i=1;i<this.length;i++) 

if(max<this[i]) 
max=this[i]; 

return max; 

Array.prototype.max=array_max; 
var x=new Array(1,2,3,4,5,6); 
var y=x.max(); 

該代碼執行后,y保存數組x中的最大值,或說6。

3.constructor屬性

表示創建對象的函數。說明:constructor屬性是所有具有prototype的對象的成員。它們包括除Global和Math對象以外的所有JScript固有對象。constructor屬性保存了對構造特定對象實例的函數的引用。

例如:

復制代碼 代碼如下:

x = new String("Hi"); 
if(x.constructor==String) //進行處理(條件為真)。 
//或 
function MyFunc{ 
//函數體。 

y=new MyFunc; 
if(y.constructor==MyFunc)//進行處理(條件為真)。


對于數組來說:

y = new Array();

數組方法:

附上一張數組的思維導圖:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲国产精品一区二区久| 国产精品免费一区豆花| 国产精品一区二区在线| 欧美日韩一区二区在线| 亚洲国产欧美一区| 国产亚洲欧美日韩精品| 亚洲视频在线免费观看| 欧美激情视频播放| 久久91精品国产| 国产精品久久999| 最新日韩中文字幕| 亚洲欧美中文字幕| 国产精品爱啪在线线免费观看| 亚洲欧美日韩直播| 91在线观看免费| 亚洲免费伊人电影在线观看av| 国产精品永久免费观看| 最新国产精品亚洲| 成人欧美一区二区三区在线湿哒哒| 国产一区二区三区视频在线观看| 91国内在线视频| 中文字幕日韩精品有码视频| 91禁国产网站| 96精品视频在线| 国产午夜精品全部视频播放| 91精品国产91久久久久久吃药| 色www亚洲国产张柏芝| 精品香蕉在线观看视频一| 亚洲男人天堂网站| 91精品视频免费观看| 亚洲欧美综合区自拍另类| 欧美性受xxx| 日本精品一区二区三区在线| 色在人av网站天堂精品| 2021国产精品视频| 日韩欧美在线中文字幕| 欧美日韩精品在线| 黑人狂躁日本妞一区二区三区| 欧美性黄网官网| 亚洲欧美日韩国产成人| 久久精品91久久久久久再现| 亚洲精品少妇网址| 亚洲国产精品va在线看黑人动漫| 久久免费视频这里只有精品| 成人久久精品视频| 国产精品99一区| 伊是香蕉大人久久| 91国内揄拍国内精品对白| 色yeye香蕉凹凸一区二区av| 精品自拍视频在线观看| 国内免费精品永久在线视频| 久久精品在线播放| 精品性高朝久久久久久久| 欧洲成人免费视频| 亚洲一区二区三区xxx视频| 亚洲成人999| 亚洲乱码一区二区| 国产精品久久久久久久久久久久久| 夜夜嗨av色综合久久久综合网| 日韩精品中文字| 懂色aⅴ精品一区二区三区蜜月| xxx成人少妇69| 久久99国产综合精品女同| 久久这里有精品视频| 黑人极品videos精品欧美裸| 欧美成人全部免费| 91网站免费观看| 久久久久www| 日韩美女福利视频| 77777亚洲午夜久久多人| 成人免费在线视频网站| 亚洲自拍偷拍一区| 国产精品成人va在线观看| 性欧美xxxx视频在线观看| 久久视频在线视频| 亚洲自拍偷拍一区| 日韩欧美中文第一页| 亚洲欧美制服另类日韩| 欧美视频专区一二在线观看| 久久午夜a级毛片| 中文国产成人精品久久一| 成人福利网站在线观看11| 亚洲人成电影网站色xx| 91tv亚洲精品香蕉国产一区7ujn| 久久久影视精品| 久久国产精品久久久久| 欧美日韩在线看| 成人看片人aa| 不卡伊人av在线播放| 亚洲欧美一区二区精品久久久| 久久中文字幕在线视频| 亚洲欧美另类国产| 日韩精品极品毛片系列视频| 最近2019中文免费高清视频观看www99| 一本一道久久a久久精品逆3p| 国产精品∨欧美精品v日韩精品| 精品久久久久久久久久久久久| 日韩精品极品在线观看| 中文字幕精品国产| 91久久久国产精品| 国产精品夫妻激情| 91人人爽人人爽人人精88v| 国产精品视频资源| 中文字幕亚洲激情| 国产精品丝袜白浆摸在线| 黑人与娇小精品av专区| 国产精品成人av在线| 欧亚精品中文字幕| 欧美日韩亚洲一区二| 日本aⅴ大伊香蕉精品视频| 亚洲人成在线免费观看| 国产亚洲精品成人av久久ww| 亚洲精品日韩欧美| 色婷婷综合成人av| 日韩免费在线免费观看| 日韩精品亚洲元码| 欧美电影免费在线观看| 91精品视频在线| 美女视频黄免费的亚洲男人天堂| 日韩在线视频观看正片免费网站| 国产精品白嫩初高中害羞小美女| 国产精品免费久久久久影院| 欧美高清在线观看| 日本一区二区不卡| 亚洲天堂色网站| 久久频这里精品99香蕉| 欧美精品中文字幕一区| 国产成人一区二区三区| 一区二区欧美日韩视频| 91精品国产色综合久久不卡98口| 亚洲自拍偷拍色图| 亚洲二区在线播放视频| 日韩福利在线播放| 国产精品久久久久久久久久久新郎| 久久亚洲国产精品| 欧美性猛交xxxx乱大交蜜桃| 亚洲韩国青草视频| 欧美一级电影在线| 国产精品美腿一区在线看| 亚洲乱码一区av黑人高潮| 亚洲丁香婷深爱综合| 久久天天躁狠狠躁夜夜爽蜜月| 日韩h在线观看| 亚洲午夜激情免费视频| 8090理伦午夜在线电影| 成人免费观看a| 欧美成人一区在线| 影音先锋日韩有码| 一本色道久久综合狠狠躁篇怎么玩| 69av成年福利视频| 久久综合网hezyo| 国产日韩欧美视频| 亚洲免费视频在线观看| 亚洲国产一区二区三区在线观看| 久久久久亚洲精品国产| 狠狠躁天天躁日日躁欧美| 久久91亚洲精品中文字幕奶水| 欧美激情国产高清| 久久91亚洲人成电影网站| 狠狠躁夜夜躁人人爽天天天天97| 欧美国产日韩一区二区三区| 国产精品久久久久久久一区探花| 不卡毛片在线看| 久色乳综合思思在线视频|