JavaScript 對象

建立對象
  • 利用字面量建立對象

就是花括號 { } 裏面包含了表達這個具體事物(對象)的屬性和方法;{ } 裏面採起鍵值對的形式表示 函數

鍵:至關於屬性名this

值:至關於屬性值spa

var star = {
    name: 'peach',
    age: 18,
    sayhi: function () {
        alert('hello')
    }

};
  1. 訪問對象的屬性
console.log(star.name);  // peach

      2. 調用對象的方法3d

console.log(star.sayhi());  //hello


利用 new Object 建立對象
  • 建立空對象
var andy = new Object();
  • 給空對象添加屬性和方法
andy.name = 'peach';
andy.age = 18;
andy.sayhai = function () {
    console.log('hi');
}
  • 利用構造函數建立對象

是一種特殊的函數,主要用來初始化對象,即爲對象成員變量賦初始值,它總與 new 運算符一塊兒使用。code

格式:對象

function 構造函數名(形參1,形參2,形參3) {
     this.屬性名1 = 參數1;
     this.屬性名2 = 參數2;
     this.屬性名3 = 參數3;
     this.方法名 = 函數體;
}

var obj = new 構造函數名(實參1,實參2,實參3)
function Getname(name, age, hi) {
    this.age = age;
    this.name = name;
    this.hi = function () {
        console.log('hi');
    };

}

var obj = new Getname('peach', 18, 'hi');
console.log(obj.name);  // peach


new關鍵字的做用blog

  1. 在構造函數代碼開始執行以前,建立一個空對象;圖片

  2. 修改this的指向,把this指向建立出來的空對象;get

  3. 執行函數的代碼數學

  4. 在函數完成以後,返回this---即建立出來的對象


遍歷對象
function Getname(name, age, hi) {
    this.age = age;
    this.name = name;
    this.hi = function () {
        console.log('hi');
    };

}

var obj = new Getname('peach', 18, 'hi');
for (var k in obj) {
    console.log(k); // age name hi 這裏的 k 是屬性名
    console.log(obj[k]); // 這裏的 obj[k] 是屬性值
}
內置對象
  • Math對象

Math 對象不是構造函數,它具備數學常數和函數的屬性和方法。跟數學相關的運算(求絕對值,取整、最大值等)能夠使用 Math 中的成員。

image

  • 日期對象
  1. 使用Date實例化日期對象

獲取當前時間必須實例化:

var now = new Date();

獲取指定時間的日期對象:

var future = new Date('2019/5/1');

      2.  使用Date實例的方法和屬性

圖片1

    3.  經過Date實例獲取總毫米數

var now = new Date();
// 第一種
 // 1. 用於獲取對象的原始值
console.log(now.valueOf());  // 1578466263599
console.log(now.getTime());  // 1578466263599

// 第二種
var now = + new Date();
var now = Date.now();
console.log(now);  // 1578466416067
相關文章
相關標籤/搜索