物件（object）是 JavaScript 的核心概念，也是最重要的資料型別，JavaScript 的所有資料都可以被視為物件，JavaScript 提供多個內建物件，比如 String、Date、Array 等等，物件是帶有屬性和方法的特殊資料型別，

簡單說，所謂物件，就是一種無序的資料集合，由若干個“鍵值對”（key-value）構成，通過JavaScript我們可以創建自己的物件， JavaScript物件滿足的這種”鍵值對”的格式我們稱為JSON格式，以后會見得非常多，即偉大的JSON物件，

一、物件的創建

JS 創建自定義物件，主要通過三種方式：字面量形式創建物件、通過new Object物件創建、通過Object物件的create方法創建物件，

1、字面量形式創建

var 物件名 = {};//創建一個空的物件
var 物件名 = {鍵:值,鍵2:值2,...} 

var obj = {
           'name' : 'hello',
           age : 12,
           sayHello : function () {
                   console.log("我是物件中的方法");
           },
           courses : {
                   javase : 4,
                javascript : 3
           },
              isLike : true,
           members : [
                {name : "小紅",age : 20},
                {name : "小綠",age : 22},
                {name : "小藍",age : 27},
                {name : "小黃"}
           ]
};

2、通過new Object創建

var 物件名 = new Object(); // 創建一個空的物件

var obj = new Object();
obj.name = 'zs';
obj.age = 18;
console.log(obj);

3、通過Object物件的create方法創建

var 物件名 = Object.create(null); 
var obj = Object.create(null);
obj.name = 'ls';
obj.gender = true
console.log(obj);
        
var objn = Object.create(obj);
objn.age = 18;
console.log(objn);
console.log(objn.gender)

二、物件的序列化和反序列化

序列化即將JS物件序列化為字串，反序列化即將字串反序列化為JS物件，JS中通過呼叫JSON方法，可以將物件序列化成字串，也可以將字串反序列化成物件，

// 序列化物件，將物件轉為字串
JSON.stringify(object);
// 反序列化，將一個Json字串轉換為物件，
JSON.parse(jsonStr);

三、this

this是JavaScript語言的一個關鍵字，

它代表函式運行時，自動生成的一個內部物件，只能在函式內部使用，

隨著函式使用場合的不同，this的值會發生變化，但是有一個總的原則，那就是this指的是，呼叫函式的那個物件，

1、在函式中使用this

在函式中使用this屬于全域性呼叫，代表全域物件，通過window物件來訪問，

function test () {
    this.x = 1;
    console.log(this.x);
}
test();
console.log(x); // 相當于定義在全域物件上的屬性 

var x = 10;
console.log(x)  // 10
function test (){
    console.log(this.x)  // 10
    this.x = 1;
    console.log(this.x) // 1
    console.log(this)
}

test();
console.log(x); // 1
console.log(this);

2、在物件中使用this

在物件中的函式使用this，代表當前的上級物件，

var obj = {
    name : '張三',
    age : 20,
    sayHello : function () {
        console.log(this.name)
        console.log(this)
    }
}
obj.sayHello();

有關JavaScript就說這么多，接下來我會介紹全新java大資料架構教程之Java13編程課程，如需全套java大資料架構師學習資源教程請私信我，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/373935.html

標籤：JavaScript

上一篇：js實作陣列扁平化

下一篇：JS資料扁平化

全新Java入門到架構師教程之JavaScript物件（object）和關鍵字（this）