Cái nào sau đây được sử dụng để gọi một hàm hoặc một phương thức trong JavaScript

Từ khóa “Đây” trong Javascript là gì?

Quả sung. JavaScript từ khóa “này”

Từ khóa “This” đề cập đến một đối tượng đang thực thi đoạn mã hiện tại. Nó tham chiếu đối tượng đang thực thi chức năng hiện tại. Nếu hàm đang được tham chiếu là một hàm thông thường, thì “this” sẽ tham chiếu đối tượng toàn cục. Nếu hàm đang được tham chiếu là một phương thức trong một đối tượng, thì “this” sẽ tham chiếu chính đối tượng đó

Từ khóa JavaScript “this” là một trong những từ khóa được sử dụng rộng rãi nhất. Thoạt nghe có vẻ phức tạp, nhưng một khi bạn bắt đầu sử dụng từ khóa “this”, mọi thứ sẽ trở nên rõ ràng

cũng đọc. Giới thiệu về JavaScript. Đây là tất cả những gì bạn cần biết

Nền JavaScript

Thông thường, khi các cá nhân quan tâm đến việc phát triển web, họ sẽ học những kiến ​​thức cơ bản về HTML và CSS. Từ đó, họ chuyển sang JavaScript. Ba yếu tố này cùng nhau tạo thành xương sống của phát triển web

• HTML là cấu trúc trang của bạn bao gồm tiêu đề, nội dung văn bản và bất kỳ hình ảnh nào bạn muốn đưa vào. Nó xác định nội dung của một trang web
• CSS kiểm soát giao diện của trang đó [đó là thứ bạn sẽ sử dụng để tùy chỉnh phông chữ, màu nền, v.v.]
• JavaScript là yếu tố thứ ba. Sau khi bạn đã tạo cấu trúc [HTML] và cảm xúc thẩm mỹ [CSS], JavaScript sẽ làm cho trang web của bạn trở nên năng động [có thể cập nhật tự động]

Khóa học Lập trình viên Java Full Stack

Phạm vi toàn cầu

Nếu bạn gọi một hàm từ phạm vi toàn cầu bao gồm từ khóa “this”, thì “this” sẽ luôn trỏ đến đối tượng cửa sổ. Ví dụ sau đây có thể giúp hình dung khái niệm này.  

JavaScript Từ khóa này

var myVar = 100;

hàm printMe[] {

var myVar = 200;

cảnh báo ["myVar = " + myVar];

cảnh báo ["cái này. myVar = " + cái này. myVar];

}

printMe[];

• Chúng tôi khai báo một biến myVar với giá trị ban đầu là 100
• Sau đó, chúng tôi xác định một hàm gửi cảnh báo kèm theo câu lệnh tới cửa sổ trình duyệt khi nó được gọi
• Bất cứ khi nào chúng ta truy cập giá trị của myVar mà không có từ khóa “this”, nó sẽ nhận được giá trị được xác định cục bộ trong hàm đó
• Mặt khác, khi chúng ta cố gắng lấy giá trị của biến myVar bằng cách sử dụng từ khóa “this”, nó sẽ lấy giá trị được xác định bên ngoài hàm [trên toàn cục]

Phương pháp đối tượng

Trong JavaScript, chúng ta có thể tạo các đối tượng của hàm bằng cách sử dụng từ khóa mới. Do đó, bất cứ khi nào chúng ta tạo một đối tượng của hàm bằng cách sử dụng từ khóa mới, thì “this” sẽ trỏ đến đối tượng cụ thể đó. Chúng ta có thể xem xét điều này chi tiết hơn với ví dụ sau

JavaScript Từ khóa này

var myVar = 100;

hàm printMe[] {

cái này. myVar = 200;

cái này. hiển thị = chức năng [] {

var myVar = 300;

cảnh báo ["myVar = " + myVar];

cảnh báo ["cái này. myVar = " + cái này. myVar];

};

}

var obj = new printMe[];

đối tượng. trưng bày[];

• Chúng ta khai báo một biến myVar và khởi tạo nó với giá trị là 100
• Bây giờ, khi chúng ta tạo một đối tượng ‘obj’, nó sẽ có hai thuộc tính mà chúng ta đã xác định trong mã. 'myVar' và 'display'—lưu ý rằng display là một biểu thức hàm trong trường hợp này
• Do đó, từ khóa “this” bên trong phương thức display[] của đối tượng ‘obj’ trỏ đến giá trị nằm ngoài phạm vi của phương thức display[]
• Khi chúng ta gọi phương thức display[], ban đầu nó hiển thị cảnh báo với giá trị cục bộ, sau đó là cảnh báo bổ sung với giá trị toàn cục được tìm nạp bằng từ khóa “this”

Mặc dù HTML và CSS được yêu cầu để mã hóa một trang web cơ bản, nhưng JavaScript là ngôn ngữ sẽ giúp bạn đưa trang đó vào cuộc sống, khiến nó trở nên hấp dẫn hơn đối với khán giả của bạn. Đó là chìa khóa để làm cho trang web của bạn trông giống một ứng dụng chính thức hơn

Dành thời gian để học JavaScript sẽ giúp bạn rất nhiều trong thế giới phát triển web và có thể giúp bạn trở thành ứng cử viên đủ tiêu chuẩn cho vai trò thú vị là nhà phát triển web

cũng đọc. 10 lý do hàng đầu để học JavaScript

khóa học miễn phí. JavaScript cho người mới bắt đầu

Các loại ràng buộc trong JavaScript

Có nhiều loại ràng buộc khác nhau trong JavaScript. Chúng được mô tả trong các phần dưới đây

1. Ràng buộc mặc định

Trong kiểu ràng buộc này, từ khóa này đề cập đến một đối tượng toàn cầu. Điều này được áp dụng trong trường hợp chức năng độc lập. Nếu chế độ được đặt thành nghiêm ngặt, thì từ khóa này đề cập đến không xác định

hàm cảnh báo[] {   //hàm được xác định

bảng điều khiển. nhật ký [cái này. tên + 'đã cảnh báo Ramesh ngày hôm qua'];

}

tên const = 'Chắc chắn';

cảnh báo[];

2. Ràng buộc ngầm định

Điều này được áp dụng khi bạn gọi một hàm sử dụng một đối tượng và ký hiệu dấu chấm. Trong tình huống này, từ khóa this chỉ ra đối tượng được sử dụng để gọi hàm.  

function Hemanth[]{   //hàm được xác định

bảng điều khiển. nhật ký [cái này]

}

const obj1 = {

ngẫu nhiênKeyValue. 1735,

hemanth. Hemanth,

}

đối tượng1. Hemanth[];

3. Ràng buộc rõ ràng

Liên kết này được sử dụng khi một người cần tạo áp lực cho hàm để sử dụng một đối tượng cụ thể làm ngữ cảnh của nó. Nó có thể đạt được bằng cách sử dụng hai phương thức call[] và apply[]. Điều này đôi khi còn được gọi là ràng buộc cứng

chức năng cảnh báo[] {

bảng điều khiển. log['Tên tôi là' + cái này. Tên];

}

const obj1 = {

Tên. 'Hemanth',

}

cảnh báo. cuộc gọi [obj1];

4. Liên kết cuộc gọi hàm tạo

Khi một hàm tạo được gọi trong mã hoặc khi một hàm được gọi với từ khóa 'mới' trước nó, thì một số điều có thể xảy ra

1. Tạo đối tượng mới
2. Đối tượng mới được tạo được liên kết với chức năng đã tạo nó bằng cách gọi
3. Đối tượng được xây dựng được đặt là 'cái này' liên kết với lệnh gọi hàm đó

hàm myName[tên] {

cái này. tên = tên;

}

const obj1 = new myName['Hemanth'];

bảng điều khiển. nhật ký [obj1. Tên];

Bối cảnh toàn cầu

Trong JavaScript, trong khái niệm khái niệm toàn cầu, từ khóa này đề cập đến một số đối tượng toàn cầu. Đối tượng window trên trình duyệt và đối tượng toàn cục trong Node. js, vì vậy đối tượng cửa sổ được trả về khi nhập đối tượng này

bảng điều khiển. nhật ký [cửa sổ === này];

Bối cảnh chức năng

Có một số phương thức để gọi một hàm trong JavaScript. Hành vi của điều này thay đổi từ bối cảnh này sang bối cảnh khác. Một số biến thể được thảo luận dưới đây

1. Gọi hàm đơn giản

Khi một chức năng được gọi ở chế độ không nghiêm ngặt, điều này đề cập đến đối tượng toàn cầu là một cửa sổ trong trình duyệt và toàn cầu trên Node. js. Trong khi ở chế độ nghiêm ngặt, JavaScript đặt chế độ này thành chế độ không xác định. Chế độ nghiêm ngặt có thể được bật bằng một số chỉ thị, chẳng hạn như 'sử dụng nghiêm ngặt'. Nó áp dụng cho cả chức năng và chức năng lồng nhau

2. Gọi phương thức

Khi một phương thức được gọi bằng cách sử dụng một đối tượng, JavaScript đặt this thành đối tượng của phương thức đó.  

để thức ăn = {

ẩm thực. 'Châu Á',

lấy đồ ăn. hàm số [] {

trả lại cái này. ẩm thực;

}

}

bảng điều khiển. nhật ký [thực phẩm. lấy đồ ăn[]];

Trong ví dụ trên, đối tượng này trong phương thức getFood[] đề cập đến một đối tượng thực phẩm

3. Lời gọi hàm tạo

Chúng tôi sử dụng hàm làm hàm tạo, khi từ khóa new được sử dụng để tạo một thể hiện của đối tượng hàm

function Food[ẩm thực] {

cái này. ẩm thực = ẩm thực;

}

Món ăn. nguyên mẫu. getCuisine = hàm [] {

trả lại cái này. ẩm thực;

}

cho cơm = new Food['Asian'];

bảng điều khiển. khúc gỗ [gạo. getCuisine[]];

Biểu thức new Food[‘Asian’] là lời gọi khởi tạo của hàm Food

4. Gọi gián tiếp

Trong JavaScript, hàm là đối tượng và là thể hiện của Loại hàm có hai phương thức call[] và apply[]. Hai phương thức này được sử dụng để đặt giá trị này khi một hàm được gọi.  

hàm getCusisine[tiền tố] {

bảng điều khiển. nhật ký [tiền tố + này. loại];

}

để cơm = {

loại. 'Cơm'

};

để Mì = {

loại. 'Mì sợi'

};

getCusisine. call[Mì, "Đó là  "];

getCusisine. call[rice, "Đó là  "];

Trong ví dụ trên, chúng ta đã gọi gián tiếp hàm getCusisine[] bằng cách sử dụng phương thức call[] của hàm getCusisine. Sau đó, chúng tôi đã chuyển hai tham số, Mì và gạo làm đối số đầu tiên để gọi[]. Áp dụng [] tương tự như gọi [] trong đó tham số thứ hai là một mảng đối số

Hàm mũi tên

Các chức năng mũi tên đã được giới thiệu trong phiên bản ES6 của JavaScript. Khi so sánh với các chức năng thông thường, nó cho phép các nhà phát triển viết các chức năng rõ ràng hơn. Nó không tạo nội dung thực thi mà kế thừa nội dung này từ chức năng bên ngoài nơi chức năng mũi tên được xác định. Cú pháp sử dụng hàm mũi tên được xác định tại đây

hãy để someFunction = [arg1, arg2,. , argN] => {

các câu lệnh;

}

Hãy xem xét một hàm mũi tên không có đối số. Bất cứ khi nào không có đối số đầu vào cho hàm mũi tên, chúng ta phải sử dụng dấu ngoặc đơn mở và đóng.  

hãy ước = [] => bảng điều khiển. log['Chào buổi chiều'];

ước[];

Gọi [], Áp dụng [] và Ràng buộc []

Các phương thức call[], apply[] và bind[] là các hàm có sẵn trong JavaScript.  

Phương thức call[] trong JavaScript được sử dụng để gọi một hàm.  

hàm firstProgram[] {

bảng điều khiển. nhật ký ['Xin chào thế giới'];

}

chương trình đầu tiên[];

chương trình đầu tiên. gọi[];

Trong chương trình trên, cả hai câu lệnh firstProgram[] và firstProgram. call[] gọi phương thức firstProgram[] và in Hello World. Tương tự, apply[] cũng được sử dụng để gọi hàm. Chúng được sử dụng để thiết lập bối cảnh của điều này.  

bind[] được sử dụng để gọi một hàm với giá trị này. Nó cũng cho phép cài đặt đối tượng nào có thể bị ràng buộc bởi từ khóa này khi hàm được gọi

Nắm vững toàn bộ kiến ​​thức cơ bản về JavaScript, jQuery, Ajax, v.v. với Khóa đào tạo cấp chứng chỉ Javascript. Kiểm tra xem trước khóa học

Đón đầu xu hướng và làm chủ Javascript ngay hôm nay

Nếu bạn là một nhà phát triển web và thiết bị di động đầy tham vọng, khóa đào tạo JavaScript sẽ mở rộng các kỹ năng và chân trời nghề nghiệp của bạn theo cấp số nhân. Bạn có thể tự hỏi làm thế nào bạn có thể có được các kỹ năng cần thiết để thành thạo kỹ năng lập trình web thiết yếu này.   

Đừng tìm đâu xa. Simplilearn cung cấp Chương trình đào tạo chứng chỉ Javascript toàn diện, sẽ giúp bạn sẵn sàng cho sự nghiệp sau khi hoàn thành.  

Bạn có câu hỏi nào cho chúng tôi không?