Hướng dẫn how do i run a javascript function? - làm cách nào để chạy một hàm javascript?

Phương pháp tái sử dụng

Với phương thức call[], bạn có thể viết một phương thức có thể được sử dụng trên các đối tượng khác nhau.

Tất cả các chức năng là phương pháp

Trong JavaScript, tất cả các chức năng là các phương thức đối tượng.

Nếu một hàm không phải là phương thức của đối tượng JavaScript, thì đó là một hàm của đối tượng toàn cầu [xem chương trước].

Ví dụ dưới đây tạo ra một đối tượng với 3 thuộc tính, tên FirstName, lastName, fullName.

Thí dụ

const person = {& nbsp; & nbsp; firstName: "john", & nbsp; & nbsp; lastName: "doe", & nbsp; fullName: function [] {& nbsp; & nbsp; & nbsp; Trả về this.FirstName + "" + this.lastName; & nbsp; & nbsp;}}
  firstName:"John",
  lastName: "Doe",
  fullName: function [] {
    return this.firstName + " " + this.lastName;
  }
}

// Điều này sẽ trả lại "John Doe": person.fullname [];
person.fullName[];

Hãy tự mình thử »

Trong ví dụ trên, this đề cập đến đối tượng người.person object.

this.firstName có nghĩa là thuộc tính đầu tiên của điều này. means the firstName property of this.

Giống như:

this.firstName có nghĩa là thuộc tính đầu tiên của người. means the firstName property of person.

Cái này là cái gì?this?

Trong JavaScript, từ khóa this đề cập đến một đối tượng.object.

Đối tượng nào phụ thuộc vào cách this được gọi [được sử dụng hoặc gọi]. object depends on how this is being invoked [used or called].

Từ khóa this đề cập đến các đối tượng khác nhau tùy thuộc vào cách sử dụng:

Phương thức call [] call call []

Phương pháp call[] là phương pháp JavaScript được xác định trước.

Nó có thể được sử dụng để gọi [gọi] một phương thức với một đối tượng chủ sở hữu làm đối số [tham số].

Với call[], một đối tượng có thể sử dụng một phương thức thuộc về một đối tượng khác.

Ví dụ này gọi phương thức FullName của người, sử dụng nó trên Person1:fullName method of person, using it on person1:

Thí dụ

const person = {& nbsp; & nbsp; firstName: "john", & nbsp; & nbsp; lastName: "doe", & nbsp; fullName: function [] {& nbsp; & nbsp; & nbsp; Trả về this.FirstName + "" + this.lastName; & nbsp; & nbsp;}}
  fullName: function[] {
    return this.firstName + " " + this.lastName;
  }
}
const person1 = {
  firstName:"John",
  lastName: "Doe"
}
const person2 = {
  firstName:"Mary",
  lastName: "Doe"
}

// Điều này sẽ trả lại "John Doe": person.fullname [];
person.fullName.call[person1];

Hãy tự mình thử »

Trong ví dụ trên, this đề cập đến đối tượng người.fullName method of person, using it on person2:

Thí dụ

const person = {& nbsp; & nbsp; firstName: "john", & nbsp; & nbsp; lastName: "doe", & nbsp; fullName: function [] {& nbsp; & nbsp; & nbsp; Trả về this.FirstName + "" + this.lastName; & nbsp; & nbsp;}}
  fullName: function[] {
    return this.firstName + " " + this.lastName;
  }
}
const person1 = {
  firstName:"John",
  lastName: "Doe"
}
const person2 = {
  firstName:"Mary",
  lastName: "Doe"
}

// Điều này sẽ trả lại "John Doe": person.fullname [];
person.fullName.call[person2];

Hãy tự mình thử »

Trong ví dụ trên, this đề cập đến đối tượng người.

this.firstName có nghĩa là thuộc tính đầu tiên của điều này.

Thí dụ

const person = {& nbsp; & nbsp; firstName: "john", & nbsp; & nbsp; lastName: "doe", & nbsp; fullName: function [] {& nbsp; & nbsp; & nbsp; Trả về this.FirstName + "" + this.lastName; & nbsp; & nbsp;}}
  fullName: function[city, country] {
    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
}

// Điều này sẽ trả lại "John Doe": person.fullname [];
  firstName:"John",
  lastName: "Doe"
}

Hãy tự mình thử »

Hãy tự mình thử »

Mã bên trong JavaScript this8 sẽ thực thi khi "một cái gì đó" gọi nó.

Gọi một hàm javascript

Mã bên trong một hàm không được thực thi khi hàm được xác định.defined.

Mã bên trong một hàm được thực thi khi hàm được gọi.invoked.

Người ta thường sử dụng thuật ngữ "gọi một hàm" thay vì "gọi hàm".call a function" instead of "invoke a function".

Người ta cũng thường nói "kêu gọi một hàm", "bắt đầu hàm" hoặc "thực hiện một hàm".

Trong hướng dẫn này, chúng tôi sẽ sử dụng gọi, bởi vì một hàm JavaScript có thể được gọi mà không được gọi.invoke, because a JavaScript function can be invoked without being called.

Gọi một chức năng như một hàm

Thí dụ

hàm myfunction [a, b] {& nbsp; trả lại a * b; } myFunction [10, 2]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trở lại 20
  return a * b;
}
myFunction[10, 2];           // Will return 20

Hãy tự mình thử »

Hàm trên không thuộc về bất kỳ đối tượng. Nhưng trong JavaScript luôn có một đối tượng toàn cầu mặc định.

Trong HTML, đối tượng toàn cầu mặc định là chính trang HTML, vì vậy hàm trên "thuộc về" trên trang HTML.

Trong trình duyệt, đối tượng trang là cửa sổ trình duyệt. Hàm trên tự động trở thành một hàm cửa sổ.

Ghi chú

Đây là một cách phổ biến để gọi một chức năng JavaScript, nhưng không phải là một thực hành rất tốt. Các biến, phương thức hoặc chức năng toàn cầu có thể dễ dàng tạo ra xung đột tên và lỗi trong đối tượng toàn cầu.
Global variables, methods, or functions can easily create name conflicts and bugs in the global object.

myfunction [] và window.myfunction [] là cùng một hàm:

Thí dụ

hàm myfunction [a, b] {& nbsp; trả lại a * b; } myFunction [10, 2]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trở lại 20
  return a * b;
}
window.myFunction[10, 2];    // Will also return 20

Hãy tự mình thử »

Hàm trên không thuộc về bất kỳ đối tượng. Nhưng trong JavaScript luôn có một đối tượng toàn cầu mặc định.this?

Trong HTML, đối tượng toàn cầu mặc định là chính trang HTML, vì vậy hàm trên "thuộc về" trên trang HTML.object.

Trong trình duyệt, đối tượng trang là cửa sổ trình duyệt. Hàm trên tự động trở thành một hàm cửa sổ. object depends on how this is being invoked [used or called].

Ghi chú

Từ khóa this đề cập đến các đối tượng khác nhau tùy thuộc vào cách sử dụng:

Trong một phương thức đối tượng, this đề cập đến đối tượng.

Một mình, this đề cập đến đối tượng toàn cầu.

Trong một chức năng, this đề cập đến đối tượng toàn cầu.

Thí dụ

hàm myfunction [a, b] {& nbsp; trả lại a * b; } myFunction [10, 2]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trở lại 20

Hãy tự mình thử »
  return this;
}

Hãy tự mình thử »

Hàm trên không thuộc về bất kỳ đối tượng. Nhưng trong JavaScript luôn có một đối tượng toàn cầu mặc định.this to be the global object.
Using the window object as a variable can easily crash your program.

Trong HTML, đối tượng toàn cầu mặc định là chính trang HTML, vì vậy hàm trên "thuộc về" trên trang HTML.

Trong trình duyệt, đối tượng trang là cửa sổ trình duyệt. Hàm trên tự động trở thành một hàm cửa sổ.

Ghi chúmyObject], with two properties [firstName and lastName], and a method [fullName]:

Thí dụ

hàm myfunction [a, b] {& nbsp; trả lại a * b; } myFunction [10, 2]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trở lại 20
  firstName:"John",
  lastName: "Doe",
  fullName: function [] {
    return this.firstName + " " + this.lastName;
  }
}
myObject.fullName[];         // Will return "John Doe"

Hãy tự mình thử »

Hàm trên không thuộc về bất kỳ đối tượng. Nhưng trong JavaScript luôn có một đối tượng toàn cầu mặc định.fullName method is a function. The function belongs to the object. myObject is the owner of the function.

Trong HTML, đối tượng toàn cầu mặc định là chính trang HTML, vì vậy hàm trên "thuộc về" trên trang HTML.myObject.

Trong trình duyệt, đối tượng trang là cửa sổ trình duyệt. Hàm trên tự động trở thành một hàm cửa sổ.fullName method to return the value of this:

Thí dụ

hàm myfunction [a, b] {& nbsp; trả lại a * b; } myFunction [10, 2]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // sẽ trở lại 20
  firstName:"John",
  lastName: "Doe",
  fullName: function [] {
    return this;
  }
}

// Điều này sẽ trả về [đối tượng đối tượng] [đối tượng chủ sở hữu] myObject.fullName [];
myObject.fullName[];

Hãy tự mình thử »

Gọi một hàm như một phương thức đối tượng, khiến giá trị của this là chính đối tượng.

Gọi một hàm với hàm tạo chức năng

Nếu một yêu cầu chức năng được đi trước với từ khóa this8, thì đó là một lời cầu khẩn của hàm tạo.

Có vẻ như bạn tạo một chức năng mới, nhưng vì các hàm JavaScript là các đối tượng bạn thực sự tạo một đối tượng mới:

Thí dụ

// Đây là một hàm tạo hàm: hàm myFunction [arg1, arg2] {& nbsp; this.firstName = arg1; & nbsp; & nbsp; this.lastName & nbsp; = arg2; }
function myFunction[arg1, arg2] {
  this.firstName = arg1;
  this.lastName  = arg2;
}

// Điều này tạo ra một đối tượng mới Const myObj = new myfunction ["John", "doe"];
const myObj = new myFunction["John", "Doe"];

// Điều này sẽ trả lại "John" myobj.firstname;
myObj.firstName;

Hãy tự mình thử »

Gọi một hàm như một phương thức đối tượng, khiến giá trị của this là chính đối tượng.

Gọi một hàm với hàm tạo chức năng
The value of this will be the new object created when the function is invoked.

Làm thế nào để bạn gọi một chức năng?

Làm cách nào để chạy chức năng JavaScript từ HTML?

Hàm [] [] trong javascript là gì?

Chạy trong JavaScript là gì?