Thứ Tư, 22 tháng 1, 2014

JavaScript đối tượng

"Tất cả mọi thứ" trong JavaScript là một đối tượng.
Ngoài ra, JavaScript cho phép bạn xác định đối tượng của riêng bạn.

Tất cả mọi thứ là một đối tượng

Trong JavaScript gần như tất cả mọi thứ là một đối tượng. Ngay cả các kiểu dữ liệu nguyên thủy (ngoại trừ null và undefined) có thể được coi là đối tượng.
  • Các phép toán luận có thể là đối tượng hoặc dữ liệu nguyên thủy được coi là đối tượng
  • Con số có thể là đối tượng hoặc dữ liệu nguyên thủy được coi là đối tượng
  • Dây cũng được các đối tượng hoặc dữ liệu nguyên thủy được coi là đối tượng
  • Ngày luôn đối tượng
  • Toán học và những biểu hiện thường xuyên là đối tượng luôn luôn
  • Mảng là luôn luôn đối tượng
  • Thậm chí chức năng luôn đối tượng

Đối tượng JavaScript

Một đối tượng chỉ là một dạng đặc biệt của dữ liệu, với properties và methods.

Truy cập Object Properties

Bất động sản là những giá trị liên quan đến một đối tượng.

Cú pháp để truy cập vào các tài sản của một đối tượng là:

objectName.propertyName

Ví dụ này sử dụng thuộc tính chiều dài của đối tượng String để tìm chiều dài của một chuỗi:

var message="Hello World!";
var x=message.length;

Giá trị của x, sau khi thực hiện các mã trên sẽ là:

12

Truy cập vào các đối tượng phương pháp

Phương pháp là những hành động có thể được thực hiện trên các đối tượng.

Bạn có thể gọi một phương pháp với cú pháp sau:

objectName.methodName()

Ví dụ này sử dụng toUpperCase () của đối tượng String, để chuyển đổi một văn bản thành chữ hoa:

var message="Hello world!";
var x=message.toUpperCase();

Giá trị của x, sau khi thực hiện các mã trên sẽ là:

HELLO WORLD!

Tạo ra các đối tượng JavaScript

Với JavaScript bạn có thể xác định và tạo các đối tượng của riêng bạn.

Có 2 cách khác nhau để tạo ra một đối tượng mới:
  • 1. Xác định và tạo ra một trường hợp trực tiếp của một đối tượng.
  • 2. Sử dụng một chức năng để xác định một đối tượng, sau đó tạo ra trường hợp đối tượng mới.

Tạo ra một sơ thẩm trực tiếp

Ví dụ sau tạo một thể hiện mới của một đối tượng, và cho biết thêm bốn thuộc tính cho nó:

Ví dụ

<!DOCTYPE html>
<html>
<body>

<script>
var person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue"; 
document.write(person.firstname + " is " + person.age + " years old.");
</script>

</body>
</html>

Thử nó cho mình »

Cú pháp thay thế (sử dụng đối tượng trực):

Ví dụ

<!DOCTYPE html>
<html>
<body>

<script>
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}

document.write(person.firstname + " is " + person.age + " years old.");
</script>

</body>
</html>

Thử nó cho mình »

Sử dụng một đối tượng Constructor

Ví dụ sau đây sử dụng một chức năng để xây dựng các đối tượng:

Ví dụ

<!DOCTYPE html>
<html>
<body>

<script>
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

myFather=new person("John","Doe",50,"blue");

document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>

</body>
</html>

Thử nó cho mình »

Lý do cho tất cả các "này" công cụ là bạn sẽ có nhiều hơn một người tại một thời điểm (mà người bạn đang làm việc với phải rõ ràng). Đó là những gì "này" là: trường hợp của các đối tượng trong tầm tay.

Tạo JavaScript Object Instances

Một khi bạn có một nhà xây dựng đối tượng, bạn có thể tạo ra các trường hợp mới của các đối tượng, như thế này:

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");

Thuộc tính thêm vào các đối tượng JavaScript

Bạn có thể thêm các thuộc tính mới cho một đối tượng hiện có bằng cách cho nó một giá trị.

Giả sử rằng các đối tượng người đã tồn tại - thì bạn có thể lấy các thuộc tính mới:

person.nationality="English";

x=person.nationality;

Giá trị của x, sau khi thực hiện các mã trên sẽ là:

English

Thêm phương pháp để các đối tượng JavaScript

Phương pháp chỉ là chức năng gắn liền với các đối tượng.

Xác định phương pháp để một đối tượng được thực hiện bên trong hàm xây dựng:

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;

this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}

Các changeName () chức năng gán giá trị của tên tài sản LastName của người đó.

Bây giờ bạn có thể thử:

<!DOCTYPE html>
<html>
<body>
<script>
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
 
this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}
myMother=new person("Sally","Rally",48,"green");
myMother.changeName("Doe");
document.write(myMother.lastname);
</script>

</body>
</html>

Thử nó cho mình »

JavaScript biết được người mà bạn đang nói về bởi "thay thế" this với myMother .

JavaScript lớp

JavaScript là một ngôn ngữ hướng đối tượng, nhưng JavaScript không sử dụng các lớp.

Trong JavaScript bạn không xác định các lớp học và tạo các đối tượng từ các lớp (như trong các ngôn ngữ hướng đối tượng khác).

JavaScript là mẫu thử nghiệm dựa, không dựa trên lớp.

JavaScript cho ... trong vòng

JavaScript cho ... trong tuyên bố vòng lặp thông qua các thuộc tính của một đối tượng.

Cú pháp

for (variable in object)
  {
  code to be executed
  }

Lưu ý: Các khối mã bên trong cho ... trong vòng lặp sẽ được thực hiện một lần cho mỗi tài sản.

Ví dụ

Vòng lặp thông qua các thuộc tính của một đối tượng:

Ví dụ

<!DOCTYPE html>
<html>
<body>
<p>Click the button to loop through the properties of an object named "person".</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"John",lname:"Doe",age:25}; 

for (x in person)
{
txt=txt + person[x];
}

document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>


Thử nó cho mình »
Người đăng: vào lúc
Nhãn: ,
Các tin khác

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)