Tôi có thể gọi một hàm bên trong JavaScript không?

Bất cứ khi nào chúng tôi cần mã trong chức năng để thực thi, chúng tôi thực hiện cuộc gọi và một số hành động nhất định được thực hiện. Trong JavaScript có bốn cách để bạn có thể gọi một hàm và thực hiện hành động. Trong bài viết này, chúng ta sẽ thảo luận về cách gọi một hàm trong JavaScript và nhiều cách gọi hàm khác nhau cùng với các ví dụ minh họa rõ hơn

Gọi một hàm trong JavaScript

Trong JavaScript bất cứ khi nào chúng ta gọi một hàm, bất kể nó được gọi như thế nào, hai đối số “this” và các tham số đối số được truyền cho nó là ngầm định. “this” đại diện cho điều kiện hoặc ngữ cảnh sẽ cho phép hàm thực thi trong khi tham số đối số bao gồm tất cả các đối số đang được truyền cho hàm. Sau đây là bốn cách gọi các hàm trong JavaScript cùng với các ví dụ để bạn hiểu rõ hơn

Gọi một Hàm là “Hàm”

Cách phổ biến và được sử dụng nhiều nhất để gọi bất kỳ hàm nào trong bất kỳ ngôn ngữ lập trình nào là gọi nó như chính hàm đó. Điều này có thể được thực hiện khi bạn đặt một số dòng mã và thực thi các dòng đó bất cứ khi nào một nút được bấm thì chức năng đó được gọi là “hàm”

Trong ví dụ được đề cập dưới đây khi nhấp vào nút, chức năng được gọi trực tiếp và hành động được thực hiện

  < p > Nhấp vào nút để nói Xin chào . p>


    <button onclick="GreetingFunc()">Say Hello!! nút >

    < . ="div">p>


    <script>

      function GreetingFunc() {

        document.getElementById("div").innerHTML = "Xin chào?"

      }

    script>

đầu ra

Gọi một hàm là phương thức

Một cách khác để gọi một hàm là một phương thức và trong trường hợp này, hàm được định nghĩa là thuộc tính trên một đối tượng được thực hiện bằng cách gói hàm bên trong một đối tượng

Trong ví dụ được cung cấp bên dưới, hàm “GreetingFunc()” được bao bọc bên trong đối tượng “xin chào” và chúng tôi đã sử dụng phương thức cú pháp dấu chấm của đối tượng để gọi hàm bất cứ khi nào nhấp vào nút

< p > Nhấp vào nút để greetingsp>


    <button onclick="hello.GreetingFunc()"> Đây để lời chào ?button>

    <p id="div">p>


    <script>

        hello = {

        GreetingFunc : chức năng() {

      Tài liệu. getElementById("div").innerHTML = "Xin chào mọi người"

      }

    }

    script>

đầu ra

Gọi một hàm là Constructor

Constructor được sử dụng để khởi tạo một trạng thái và thiết lập nó trong một đối tượng hoặc xây dựng một đối tượng. Gọi một hàm như một hàm tạo là một cách đặc biệt để chúng ta gửi một số đầu vào và nhận một đầu ra khác nhau cho mỗi đầu vào

Trong ví dụ bên dưới, người dùng nhập tên của họ vào hộp nhập liệu và khi họ nhấp vào nút, hàm “GreetingFunc()” được gọi và trong hàm đó, giá trị của hộp văn bản đầu vào được lấy thông qua id được gán cho trường văn bản đầu vào. Một thể hiện mới của đối tượng hello được tạo bằng cách gọi hàm hello()

< loại đầu vào ="văn bản" id< . ="name">input>


    <p>Click the button for greetingsp>


    <button onclick="GreetingFunc()">Here for greetings?button>

    <p id="div">p>


    <script>

        function hello(name) {

            this.tên = tên ;

    < . }
       

        function GreetingFunc() {

            var name = document.getElementById('name').giá trị;

            var xin chào < . = new hello(name);

            document.getElementById("div").innerHTML = "Xin chào" + greet.tên

    }
   

    script>

Từ khóa “mới” cho thấy hàm đang được gọi như một hàm tạo và giá trị đang được lưu trong biến lời chào mà sau này được sử dụng để in ra tên trên màn hình

đầu ra

Gọi một hàm thông qua call() và apply()

Trong khi làm việc với các hàm JavaScript, bạn phải lưu ý rằng các hàm có thể có các thuộc tính và phương thức riêng và call() và apply() là hai trong số các phương thức đó. Cả hai phương thức này đều cho phép người dùng thiết lập nội dung mà họ muốn thực thi chức năng thông qua giá trị “this”

Trong ví dụ bên dưới, thông tin của hai người được lưu trữ và được hiển thị khi giá trị được truyền bên trong phương thức call(). Ở đây phương thức fullName được gọi để hiển thị tên FirstPerson

< p id ="div">< . p>


    <script>

    const personFunc = {

    fullName: chức năng() {

    < . return this.tên + " " + . .Họ;

  }

}< .

    const firstPerson = {

    firstName:"Tối đa",

    Họ . "Andrew"

}

    const . = {

    firstName:"Sam",

    Họ . "Andrew"

}

  tài liệu. getElementById("div").innerHTML = personFunc. Họ Tên . gọi( Người thứ nhất );
 
    script>

đầu ra

Phương thức apply() được sử dụng tương tự để gọi một hàm nhưng nó chấp nhận một mảng trong khi phương thức call() chấp nhận một danh sách các giá trị

const num = [2, 6, 11, 33, 4];

const max = Math.tối đa . áp dụng(null, num . );

console.nhật ký( tối đa ); .

const min = Math.phút . áp dụng(null, num . );

console.nhật ký( phút );

đầu ra

Phần kết luận

Các chức năng bao gồm mã đang được sử dụng lại xuyên suốt với các đầu vào khác nhau. Trong JavaScript, các hàm có thể có các thuộc tính và phương thức riêng và có thể được gọi theo bốn cách khác nhau. Trong bài viết này, chúng ta đã thảo luận về cách gọi một hàm trong JavaScript và thảo luận về bốn cách cùng với ví dụ và mã. Tất cả bốn cách này đều hữu ích cho bất kỳ nhà phát triển nào và trong khi làm việc với các chức năng, bạn nên biết về tham chiếu từ khóa “this” và hoạt động của nó

Tôi có thể gọi một hàm bên trong cùng một hàm JavaScript không?

Bạn có thể sử dụng một chức năng trong chính nó?

Bạn có thể gọi các hàm bên trong các hàm không?