Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Phương thức JavaScript và từ khóa này

In lại Tác giả: Người biết Thời gian cập nhật: 2024-03-13 02:04:17 27 4
mua khóa gpt4 Nike

Trong hướng dẫn này, bạn sẽ tìm hiểu về các phương thức đối tượng JavaScript và từ khóa this với sự trợ giúp của các ví dụ.
    Trong JavaScript, các đối tượng cũng có thể chứa các hàm. Ví dụ,

// đối tượng chứa phương thức const Person = { name: 'John', hello: function() { console.log('hello' } };

Trong ví dụ trên, đối tượng người có hai khóa (tên và lời chào), có giá trị chuỗi và giá trị hàm tương ứng.
    Vì vậy, một phương thức JavaScript về cơ bản là một thuộc tính đối tượng có giá trị hàm.

Truy cập các phương thức đối tượng

Bạn có thể truy cập các phương thức đối tượng bằng cách sử dụng ký hiệu dấu chấm. Cú pháp là:

objectName.methodKey()

Bạn có thể truy cập các thuộc tính bằng cách gọi objectName và key. Phương thức này có thể được truy cập bằng cách gọi objectName và khóa của phương thức và (). Ví dụ,

// truy cập phương thức và thuộc tính const Person = { name: 'John', hello: function() { console.log('hello'); } // truy cập thuộc tính Person.name; .greet(); // xin chào

Ở đây, phương thức chào sử dụng quyền truy cập Person.greet() thay vì quyền truy cập Person.greet.
    Nếu bạn cố gắng truy cập phương thức bằng cách sử dụng user.greet, nó sẽ cung cấp cho bạn định nghĩa hàm.

user.greet; // ƒ () { console.log('xin chào' }
Các phương thức tích hợp JavaScript

Trong JavaScript, có nhiều phương thức tích hợp sẵn. Ví dụ,

let number = '23.32';

Ở đây, phương thức parsInt() của đối tượng Number được sử dụng để chuyển đổi giá trị chuỗi số thành giá trị số nguyên.
    Để tìm hiểu thêm về các phương pháp tích hợp, hãy truy cậpCác phương thức tích hợp JavaScript.

Thêm phương thức vào đối tượng JavaScript

Bạn cũng có thể thêm phương thức vào đối tượng. Ví dụ,

// tạo một đối tượng let sinh viên = { }; // thêm một thuộc tính sinh viên.name = 'John'; // thêm một phương thức sinh viên.greet = function() { console.log('hello'); một phương thức sinh viên.greet(); // xin chào

Trong ví dụ trên, một đối tượng sinh viên trống được tạo. Sau đó, thêm thuộc tính tên. Tương tự, phương thức chào hỏi cũng đã được thêm vào. Bằng cách này, các phương thức và thuộc tính có thể được thêm vào các đối tượng.

JavaScript từ khóa này

Để truy cập các thuộc tính của một đối tượng từ một phương thức của cùng một đối tượng, bạn cần sử dụng từ khóa this. Hãy xem xét một ví dụ.

const people = { name: 'John', age: 30, // truy cập thuộc tính name bằng cách sử dụng this.name hello: function() { console.log('The name is' + ' ' + this.name } }); ; người.hello();

đầu ra

Tên là John

Trong ví dụ trên, một đối tượng người được tạo. Nó chứa các thuộc tính (tên và tuổi) và phương thức chào.
    Trong phương thức chào, khi truy cập thuộc tính của đối tượng, hãy sử dụng từ khóa this.
    Để truy cập các thuộc tính của một đối tượng, hãy sử dụng . và từ khóa sau từ khóa này.
    Lưu ý: Trong JavaScript, khi được sử dụng với các phương thức của đối tượng, từ khóa this đề cập đến đối tượng. điều này bị ràng buộc với đối tượng.
    Tuy nhiên, các hàm bên trong một đối tượng có thể truy cập các biến của nó theo cách tương tự như các hàm thông thường. Ví dụ,

const người = { tên: 'John', tuổi: 30, chào: function() { let họ = 'Doe'; console.log('Tên là' + ' ' + this.name + ' ' + họ); } }; người.greet();

đầu ra

Tên là John Doe

Hướng dẫn trước :JSObject                                         Hướng dẫn tiếp theo :Hàm xây dựng JS

Tài liệu tham khảo

[1] Parewa Labs Pvt. Ltd. (2022, ngày 1 tháng 1). Bắt đầu với JavaScript, từ Parewa Labs Pvt Ltd.

27 4 0
Bài viết khuyến nghị: Docker cài đặt GitLab
Bài viết khuyến nghị: CaesiumJS 2022^ Nguyên tắc [3] Nguyên tắc kết xuất: Xem xét kiến ​​trúc nguồn dữ liệu từ thực thể - Quá trình tạo nguyên thủy
Bài viết khuyến nghị: [ASM] Giới thiệu về tạo mã động ASM và Presto
Bài viết khuyến nghị: Docker cài đặt Redis và cấu hình file để bắt đầu
người biết
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress