1. 程式人生 > 實用技巧 >JavaScript 物件基礎

JavaScript 物件基礎

JavaScript 物件基礎

物件是一個包含相關資料和方法的集合(通常由一些變數和函式組成,我們稱之為物件裡面的屬性和方法)
var objectName = {
  member1Name : member1Value,
  member2Name : member2Value,
  member3Name : member3Value
}

點表示法
在上面的例子中,你使用了點表示法(dot notation)來訪問物件的屬性和方法。
物件的名字表現為一個名稱空間(namespace),它必須寫在第一位——當你想訪問物件內部的屬性或方法時,
然後是一個點(.),緊接著是你想要訪問的專案,標識可以是簡單屬性的名字(name),或者是陣列屬性的一個子元素,又或者是物件的方法呼叫。如下所示:

person.age
person.interests[
1] person.bio() 子名稱空間 可以用一個物件來做另一個物件成員的值。 name : ['Bob', 'Smith'], 改成 name : { first : 'Bob', last : 'Smith' }, 括號表示法 person['age'] person['name']['first'] "this"的含義 關鍵字"this"指向了當前程式碼執行時的物件( 原文:the current object the code is being written inside )——這裡即指person物件, <script> //建立函式的三中方式
//1。函式宣告使用 function function fun(num1,num2) { return num1 + num2 } console.log(fun(1,2)); //2. 函式表示式 var fname = function (num1,num2) { return num1 + num2 } console.log(fname(3,4)); //3. 函式物件方式 var oname = new
Function('num1', 'num2','return num1 + num2'); console.log(oname(4,5)); </script> <script> //建立物件的三種方式 //1.字面量建立 var obj = { //字面量物件方法 name: 'jooo', age: 15, hello: function () { console.log('hello'); } }; //2.工廠模式建立物件 function createStudent(name, age, sex) { var Student = new Object(); Student.name = name; Student.age = age; Student.sex = sex; Student.sayHello = function () { console.log("hello, 我是工廠模式建立的物件中的方法"); } return Student; } var student2 = createStudent('小紅', 19, 'female'); //3. 利用建構函式建立物件 function createStudent(name, age, sex) { var Student = new Object(); Student.name = name; Student.age = age; Student.sex = sex; Student.sayHello = function () { console.log("hello, 我是工廠模式建立的物件中的方法"); } } var st = new createStudent('jo',44,'female'); //或者 var person1 = new Object({ name : 'Chris', age : 38, greeting : function() { alert('Hi! I\'m ' + this.name + '.'); } }); //4. 使用 create 方式,person1 是一個物件 var person2 = Object.create(person1); </script>