• Bản quyền
  • Tác Giả
  • FAQs
Tech News, Magazine & Review WordPress Theme 2017
  • Home
  • HTML
    Các ký tự thực thể trong HTML

    Các ký tự thực thể trong HTML

    Cách chèn Plug-in vào trang web HTML

    Cách chèn Plug-in vào trang web HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách chèn video trên Youtube vào trang web

    Cách chèn video trên Youtube vào trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn video vào trang web

    Cách chèn một đoạn video vào trang web

    Cách tạo một cái bản đồ ảnh trong HTML

    Cách tạo một cái bản đồ ảnh trong HTML

  • CSS
    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách thức định dạng cho một cái liên kết (Link)

    Cách thức định dạng cho một cái liên kết (Link)

    Chức năng & cách sử dụng thuộc tính transition

    Chức năng & cách sử dụng thuộc tính transition

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

  • JavaScript
    Từ dành riêng (Reserved Words) trong JavaScript

    Từ dành riêng (Reserved Words) trong JavaScript

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Khuôn khổ trình bày mã lệnh JavaScript

    Khuôn khổ trình bày mã lệnh JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Thuật ngữ "Hoisting" trong JavaScript

    Thuật ngữ “Hoisting” trong JavaScript

    Cách tìm và sửa những câu lệnh bị lỗi

    Cách tìm và sửa những câu lệnh bị lỗi

    Các lệnh xử lý lỗi trong JavaScript

    Các lệnh xử lý lỗi trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Cách sử dụng vòng lặp while & do while

    Cách sử dụng vòng lặp while & do while

  • jQuery
    Cách chọn các phần tử tổ tiên trong jQuery

    Cách chọn các phần tử tổ tiên trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Xóa phần tử HTML trong jQuery

    Xóa phần tử HTML trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Hàm Callback trong jQuery

    Hàm Callback trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

  • Mysql
    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Danh sách các hàm trong MySQL

    Danh sách các hàm trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

  • PHP
    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp while & do while trong PHP

    Vòng lặp while & do while trong PHP

    Lệnh switch case trong PHP

    Lệnh switch case trong PHP

    Lệnh điều kiện if ... else trong PHP

    Lệnh điều kiện if … else trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

  • Phần Mềm
    • Đồ Họa
    • Kỹ Thuật
    • Văn Phòng
No Result
View All Result
  • Home
  • HTML
    Các ký tự thực thể trong HTML

    Các ký tự thực thể trong HTML

    Cách chèn Plug-in vào trang web HTML

    Cách chèn Plug-in vào trang web HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách chèn video trên Youtube vào trang web

    Cách chèn video trên Youtube vào trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn video vào trang web

    Cách chèn một đoạn video vào trang web

    Cách tạo một cái bản đồ ảnh trong HTML

    Cách tạo một cái bản đồ ảnh trong HTML

  • CSS
    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách thức định dạng cho một cái liên kết (Link)

    Cách thức định dạng cho một cái liên kết (Link)

    Chức năng & cách sử dụng thuộc tính transition

    Chức năng & cách sử dụng thuộc tính transition

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

  • JavaScript
    Từ dành riêng (Reserved Words) trong JavaScript

    Từ dành riêng (Reserved Words) trong JavaScript

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Khuôn khổ trình bày mã lệnh JavaScript

    Khuôn khổ trình bày mã lệnh JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Thuật ngữ "Hoisting" trong JavaScript

    Thuật ngữ “Hoisting” trong JavaScript

    Cách tìm và sửa những câu lệnh bị lỗi

    Cách tìm và sửa những câu lệnh bị lỗi

    Các lệnh xử lý lỗi trong JavaScript

    Các lệnh xử lý lỗi trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Cách sử dụng vòng lặp while & do while

    Cách sử dụng vòng lặp while & do while

  • jQuery
    Cách chọn các phần tử tổ tiên trong jQuery

    Cách chọn các phần tử tổ tiên trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Xóa phần tử HTML trong jQuery

    Xóa phần tử HTML trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Hàm Callback trong jQuery

    Hàm Callback trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

  • Mysql
    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Danh sách các hàm trong MySQL

    Danh sách các hàm trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

  • PHP
    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp while & do while trong PHP

    Vòng lặp while & do while trong PHP

    Lệnh switch case trong PHP

    Lệnh switch case trong PHP

    Lệnh điều kiện if ... else trong PHP

    Lệnh điều kiện if … else trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

  • Phần Mềm
    • Đồ Họa
    • Kỹ Thuật
    • Văn Phòng
No Result
View All Result
IZWEBZ – Blog học lập trình, thiết kế web cơ bản & chuyên sâu
No Result
View All Result
Home JavaScript

Cách sử dụng đối tượng (Object) trong JavaScript

Demon Warlock by Demon Warlock
Cách sử dụng đối tượng (Object) trong JavaScript
Share on FacebookShare on Twitter

1) Đối tượng (trong đời sống thực) là gì !?

– Trong đời sống thực, đối tượng là một vật hữu hình, ví dụ như:

  • Sinh Viên
  • Xe máy
  • Điện thoại
  • Laptop
  • ….

– Khi đề cập đến đối tượng Sinh Viên thì ta thường quan tâm đến những thông tin như: họ tên, năm sinh, giới tính, mã số, quê quán, …. và đối với những Sinh Viên khác nhau thì các thông tin sẽ có giá trị khác nhau, ví dụ:

cách sử dụng đối tượng object trong javascript cách sử dụng đối tượng object trong javascript cách sử dụng đối tượng object trong javascript
Họ tên Lữ Phụng Tiên Điêu Thuyền Quan Vân Trường
Năm sinh 1993 1995 1989
Giới tính Nam Nữ Nam
Mã số 001 002 003
Quê quán Cần Thơ Vĩnh Long Sóc Trăng

– Ngoài ra, đối tượng Sinh Viên còn có thể thực hiện những hành động như: học bài, đi ngủ, xem phim, tập thể dục, …. và đối với những Sinh Viên khác nhau thì những hành động này sẽ được thực hiện vào những thời điểm khác nhau.

Vậy tóm lại:

– Trong đời sống thực, đối tượng là một vật hữu hình.

– Một đối tượng sẽ có các thông tin và hành động

  • Các cá thể đối tượng khác nhau, thông tin sẽ có giá trị khác nhau.
  • Các cá thể đối tượng khác nhau sẽ thực hiện những hành động vào thời điểm khác nhau.

2) Đối tượng (trong JavaScript) là gì !?

– Trong JavaScript, đối tượng là một loại biến đặc biệt, nó có thể lưu trữ nhiều giá trị đồng thời.

– Mỗi giá trị của đối tượng được viết theo dạng cặp tên:giá trị

– Ví dụ, câu lệnh bên dưới dùng để tạo một đối tượng có tên là SinhVien và nó lưu trữ hai cái tên:

  • name (có giá trị là chuỗi Nhân)
  • year (có giá trị là số 1993)
var SinhVien = {name:"Nhân", year:1993}

– Vì vậy, nếu nói chính xác hơn thì:

“Đối tượng là một loại biến đặc biệt, nó lưu trữ nhiều cái tên và mỗi cái tên sẽ có một giá trị”

– Giá trị được lưu trong tên không chỉ đơn thuần là chuỗi, số, …. mà nó còn có thể là một hàm.

– Những cái tên lưu trữ các giá trị đơn thuần như chuỗi, số, …. thì được gọi là thuộc tính

– Những cái tên lưu trữ giá trị là một hàm thì được gọi là phương thức

– Ví dụ: Câu lệnh bên dưới dùng để tạo một đối tượng có tên là SinhVien, đối tượng SinhVien có hai thuộc tính và một phương thức:

  • Thuộc tính name có giá trị là chuỗi Nhân
  • Thuộc tính year có giá trị là số 1993
  • Phương thức intro có giá trị là hàm function(){alert(“Tên: ” + this.name)}
var SinhVien = {name:“Nhân”, year:1993, intro:function(){alert(“Tên: “ + this.name)}}

– Tổng kết: Tương tự như đối tượng trong đời sống thực, đối tượng trong JavaScript cũng dùng để lưu trữ về một thứ gì đó cụ thể,
nó có các thông tin và hành động giống như đối tượng trong đời trong thực. Tuy nhiên, trong JavaScript thì các thông tin được gọi là thuộc tính,
còn các hành động thì được gọi là phương thức.

3) Cách khai báo (khởi tạo) một đối tượng trong JavaScript

– Một đối tượng có thể có “không hoặc nhiều thuộc tính” và “không hoặc nhiều phương thức”.

– Để khai báo một đối tượng, ta sử dụng cú pháp như sau:

var tên đối tượng = {

          tên thuộc tính thứ nhất:giá trị,

          tên thuộc tính thứ hai:giá trị,

          tên thuộc tính thứ ba:giá trị,

          tên phương thức thứ nhất:function(){
              //Danh sách các câu lệnh của phương thức này
          },

          tên phương thức thứ hai:function(){
              //Danh sách các câu lệnh của phương thức này
          },

          tên phương thức thứ ba:function(){
              //Danh sách các câu lệnh của phương thức này
          }

}

– Lưu ý:

  • Quy tắc đặt tên đối tượng, tên thuộc tính, tên phương thức giống với quy tắc đặt tên biến.
  • Giá trị của thuộc tính có thể là: chuỗi, số, biến, ….
Ví dụ:

– Đoạn mã bên dưới dùng để tạo một đối tượng có tên là SinhVien.

– Đối tượng SinhVien có ba thuộc tính và một phương thức:

  • Thuộc tính name có giá trị là chuỗi Nguyễn Thành Nhân
  • Thuộc tính year có giá trị là số 1993
  • Thuộc tính city có giá trị bằng với giá trị của biến thanhpho
  • Phương thức intro có chức năng hiển thị các thông tin trên.

<script>
    var SinhVien = {
        name:"Nguyễn Thành Nhân",
        year:1993,
        city:thanhpho,
        intro:function(){
            document.write("- Tôi tên: " + this.name + "<br>"); 
            document.write("- Sinh năm: " + this.year + "<br>"); 
            document.write("- Sống tại: " + this.city);
        }
    }
</script>

Xem ví dụ

4) Cách truy cập vào “thuộc tính” của đối tượng

– Việc truy cập vào thuộc tính của đối tượng sẽ trả về giá trị của thuộc tính đó.

– Để truy cập vào thuộc tính của đối tượng, ta sử dụng cú pháp như sau:

tên đối tượng.tên thuộc tính
Ví dụ:

Để lấy họ tên của sinh viên thì ta dùng cú pháp SinhVien.name


<script>
    var SinhVien = {
        name:"Nguyễn Thành Nhân",
        year:1993
    }
    document.write("Họ tên của sinh viên là: " + SinhVien.name);
</script>

Xem ví dụ

5) Cách truy cập vào “phương thức” của đối tượng

– Việc truy cập vào phương thức của đối tượng sẽ giúp các câu lệnh trong phương thức được thực thi.

– Để truy cập vào phương thức của đối tượng, ta sử dụng cú pháp như sau:

tên đối tượng.tên phương thức()
Ví dụ:

Để thực thi các câu lệnh trong phương thức intro thì ta dùng cú pháp SinhVien.intro()


<script>
    var SinhVien = {
        name:"Nguyễn Thành Nhân",
        year:1993,
        intro:function(){
            document.write("- Tôi tên: " + this.name + "<br>"); 
            document.write("- Sinh năm: " + this.year + "<br>");
        }
    }
    SinhVien.intro();
</script>

Xem ví dụ

– Lưu ý: Nếu các câu lệnh trong phương thức trả về một giá trị thì ta có thể truy cập vào phương thức đó để sử dụng nó như một giá trị.

Ví dụ:

<script>
    var SinhVien = {
        name:"Nguyễn Thành Nhân",
        year:1993,
        intro:function(){
            return "Cần Thơ";
        }
    }
    var hello = "Tôi sống tại " + SinhVien.intro();
</script>
 

Demon Warlock

Demon Warlock

Tôi được sinh ra ở Việt Nam, nhưng hiện tại đang sống và làm việc tại Mỹ. Ngành tôi học không có liên quan gì đến thiết kế web. Nhưng đây là sở thích từ ngày còn là sinh viên du học, do vậy bây giờ dù cho đang đi làm nhưng tôi vẫn thích dùng thời gian rảnh rỗi của mình để học về thiết kế web. Như các bạn, tôi cũng việc mày mò tự học và khám phá.

Next Post
Tìm hiểu PHẠM VI BIẾN trong JavaScript

Tìm hiểu PHẠM VI BIẾN trong JavaScript

Blog học lập trình, thiết kế web từ cơ bản đến nâng cao cho người bắt đầu. Ngoài ra, còn chia sẻ các tài nguyên như: theme, plugin và game.

Follow Us

Chuyên mục

  • CSS
  • Đồ Họa
  • HTML
  • JavaScript
  • jQuery
  • Kỹ Thuật
  • Mysql
  • Phần Mềm
  • PHP
  • Văn Phòng

Recent News

Download Office 2016

Download Office 2016 – Hướng Dẫn Cài Đặt Chi Tiết

22 Tháng Mười Một, 2022
Download Office 2010 Professional – Hướng Dẫn Cài Đặt Chi Tiết

Download Office 2010 Professional – Hướng Dẫn Cài Đặt Chi Tiết

22 Tháng Mười Một, 2022
  • FAQs
  • Bản quyền
  • Tác Giả

© 2022 izwebz - Blog học lập trình, thiết kế web chuyên sâu

No Result
View All Result
  • Bản quyền
  • Chính sách bảo mật
  • Download Adobe Lightroom Classic CC 2020 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Adobe Photoshop CS6 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Adobe Premiere Pro CC 2020 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Internet Download Manager Full 2022
  • Download Photoshop 2019 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download ProShow Gold 9.0 Và Hướng Dẫn Cài Đặt
  • Download Proshow Producer 9 – Hướng Dẫn Cài Đặt
  • FAQs
  • Home 1
  • Liên hệ
  • Tác Giả

© 2022 izwebz - Blog học lập trình, thiết kế web chuyên sâu