首頁 >web前端 >前端問答 >javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

青灯夜游
青灯夜游原創
2021-07-19 16:04:486180瀏覽

在javascript中,物件是一種資料類型,一般由屬性和方法組成,而屬性(資料成員或成員變數)是物件的靜態特徵,方法(函數)是物件的動態特徵。

javascript中物件一般由什麼組成

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

什麼是物件

在JavaScript中,物件是一種資料類型,它是由屬性方法組成的一個集合。
是一組無序的相關屬性和方法的集合,所有事物都是對象,例如字串、數值、陣列、函數等。
屬性(資料成員)(成員變數):物件的靜態特徵。
方法(函數):又稱行為,是物件的動態特徵。

建立物件

  • 非空物件

var 对象名 = {
	属性名:值
	...
	方法名:function(参数){
		方法体语句
	}
	...
}

利用字面量建立物件

  • 物件的字面量就是用花括號「 { } 」來包裹物件中的成員,每個成員使用「key:value」的形式來保存,key表示屬性名或方法名,value表示對應的值

  • 多個成員之間以「 , 」隔開

  • ##方法冒號後面接的是一個匿名函數

  • #空物件

  • var 对象名 = { }
    var 对象名 = new Object( )
#建立一個空物件

建立物件後,為物件新增成員
每個屬性和方法之間用分號結束

  • ##使用建構函式建立物件

為什麼要使用建構函式:因為一次只能建立一個對象,裡面很多的屬性和方法都是大量相同的,因此可以利用函數的方法,重複這些相同的程式碼,把這些函數稱為建構子。此函數中封裝的是對象,就是把物件裡面一些相同的屬性和方法抽象化來封裝到函數裡。

fuction 构造函数名()
{
    this.属性 = 属性
    this.方法 = fuction()
    {
         方法体语句
    }
}

var 对象名 = new 构造函数名()

    使用建構函式建立物件的語法為“ new 建構函式名稱( ) ”,在小括號中可以傳遞參數給建構函數,如果沒有參數,小括號可以省略
  • this:代表利用目前建構子所建立的那個物件
  • 建構子中不需要return就可以傳回結果
  • 呼叫函數(建立物件)時,必須使用new
  • 屬性和方法前必須加入this,this代表利用目前建構子所建立的那個物件

存取物件

    #存取屬性
  • #
    对象名.属性名
    
    对象名['属性名']
    存取方法
  • 对象名.方法名()
    
    对象名['方法名'](参数)

#new關鍵字##new關鍵字在執行中會做的4件事:

在記憶體中建立一個新的空物件
  • 讓this 指向剛才建立的空物件
  • 執行建構子裡面的程式碼,為這個新物件加入屬性和方法
  • 回傳這個新物件(所以建構子裡面不需要return)
遍歷物件

使用for…in

語法遍歷物件中的所有屬性和方法。

for(var 变量名 in 对象名){
	循环语句
}

用in 運算子判斷一個物件中的某個成員是否存在
  • 存在回傳true,不存在回傳false
函數和方法的差異

#變數和屬性的相同點:都是用來存放資料的

變數:單獨宣告賦值,使用的時候直接寫變量名,單獨存在
  • #屬性:物件裡的變量,且不需要聲明,用來描述該物件的特徵,使用時候必須是物件.屬性
  • 函數和方法的相同點:都是事先某種功能、做某件事情

#函數:單獨存在,透過「函數名稱( )」呼叫
  • #方法:物件裡面的函數稱之為方法,不需要聲明,使用「物件.方法名( )」調用,方法用來描述該物件的行為和功能
  • #內建物件

JavaScript 中的物件分為三種:自訂物件、內建物件、 瀏覽器物件。

內建物件是指 JS 語言自帶的一些對象,這些物件供開發者使用,並提供了一些常用的或是最基本且必要的功能(屬性和方法)。

內建物件最大的優點就是幫助我們快速開發。

JavaScript提供了許多常用的內建對象,包括
數學對象Math

日期對象Date陣列對象Array以及字符字串物件String等。

Math物件

Math物件

用來對數字進行與數學相關的運算,不需要實例化對象,可以直接使用其靜態屬性和靜態方法。

常用Math物件:

javascript中物件一般由什麼組成

Date对象

Date对象需要使用new Date( )创建一个对象。Date( )是日期对象的构造函数,可以给该构造函数传参数。

日期对象常用javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

日期对象常用javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

Array对象

数组类型检测

isArray(对象名)

instanceof:   对象名  instanceof  Array

添加或删除数组元素

javascript中物件一般由什麼組成

  • 注意他们的返回值

javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

  • 它们的返回值是新数组的长度

javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

  • 检索方式与运算符“ === ”相同,即只有在全等时才会返回true

数组转化为字符串

javascript中物件一般由什麼組成

其它方法

javascript中物件一般由什麼組成

  • slice( )和concat( )方法在执行后返回一个新数组,不会对原数组产生影响

字符串对象

字符串对象使用new String()来创建,在String构造函数中传入字符串。

根据字符javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

根据位置javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

javascript中物件一般由什麼組成

当一个对象只被一个变量引用的时候,如果这个变量又被重新赋值,则该对象就会变成没有任何变量引用的情况,这时候就会由JavaScript的垃圾回收机制自动释放

【推荐学习:javascript高级教程

以上是javascript中物件一般由什麼組成的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn