#04 Function và Object Methods trong JS

Function trong JS

Function là gì?

Các bạn có thể hiểu ngắn gọn như sau: 

- Hàm Javascript nó chính là một khối code được thiết kế để biểu diễn, hay thực hiện 1 công việc cụ thể nào đó.

- Hàm Javascript được sử dụng khi nó được gọi đến.

Object Methods là gì?
Đặt vấn đề ta có đối tượng là 1 chiếc xe, với các thuộc tính như màu sơn, kích thước, cân nặng bala bala... Vậy phương thức của đối tượng này là gì? Đó chính là tiến, lùi, ... Ngoài ra chúng ta có thể xây dựng thêm phương thức mới như bay, tự động điều khiển hướng đi...

Bài tập vui:

Các bạn có thể tự giải trước, nếu khó có thể tham khảo lời giải của mình nhé.

Bài tập 1:

Viết JS mô tả 1 chú mèo có tên là Tom, cân nặng 2kg, chiều cao 0.2m. Tính khối lượng chú mèo sau khi ăn chuột có khối lượng 0.2kg.

// Khai báo object mô tả thông tin chú mèo

var myCat = {

  name: 'Tom',

  weight: 2,

  height: 0.2,

  // Viết phương thức xuất ra thông tin chú mèo

  bark: function(){

    console.log('Meo meo, my name is', this.name);

  },

  // Viết phương thức tính tổng cân nặng chú mèo sau khi ăn

  eat: function(mouse){

    this.weight = this.weight + mouse.weight;

  }

};

console.log("Cân nặng Tom trước khi ăn: " + myCat.weight + "KG" ) 

// Khai báo object mô tả cân nặng chú chuột

var mouse = {weight: 0.2};

myCat.eat(mouse);

console.log("Cân nặng Tom sau khi ăn: " + myCat.weight + "KG")

Bài tập 2:

Viết chương trình mô tả 1 chiếc xe có tên là Dream, cân nặng 96kg, chiều cao 1m. Tính khối lượng chiếc xe sau mỗi lần tháo từng linh bánh trước 2kg, bánh sau 2kg.

var moTo = {

  name: "Dream",

  weight: 96,

  height: 1,

  introduction: function(){

    console.log("Tôi tên là: " + this.name);

  },

  frist: function(FrontWheel){

    this.weight = this.weight - FrontWheel.weight;

  },

  second: function(RearWheel){

    this.weight = this.weight - RearWheel.weight;

  }

};

moTo.introduction();

console.log("Khối lượng xe lúc đầu: " + moTo.weight + "kg")

var FrontWheel = {

  weight: 2

};

moTo.frist(FrontWheel)

console.log("Khối lượng xe sau khi tháo bánh trước: " + moTo.weight + "kg");

var RearWheel = {

  weight: 3

};

moTo.second(RearWheel)

console.log("Khối lượng xe sau khi tháo bánh sau: " + moTo.weight+ "kg");

Trong quá trình làm bài tập nếu có phần nào khó hiểu các bạn có thể comment bên dưới mình sẽ giải đáp thắc mắc cho các bạn nhé.