+1

Are you really understand javascript part 2

Function in javascript

image.png

Nếu bạn định rời khỏi bài viết này vì nghĩ rằng mình đã biết về function trong javascript
rồi thì hãy chờ đã.Bạn có thực chắc rằng mình thực sự hiểu về function trong javascript
không?Cùng tìm hiểu với tôi nhé.

1. Functions are just object ?

Screen Shot 2023-03-13 at 23.56.13.png

Function trong Javascript chỉ đơn giản là object.Đúng,bạn không đọc nhầm đâu.Function
thực sự chỉ là object trong Javascript và có chút đặc biệt so với các object thông
thường khác mà thôi. Chúng ta đều biết ,object có thể có các properties và method đúng
không,vậy nên function cũng vậy.Ngoài ra, Function còn có thêm các thuộc tính khác đó là
Name và Code.Property Name lưu tên của Function và nó có thể bỏ trống,nghĩa là bạn có
thể khai báo 1 function mà không cần thiết phải đặt tên cho nó(anonymous function) và
property Code sẽ lưu các đoạn code bạn viết ở trong function của mình.Khi bạn gọi đến
Function,property code sẽ được gọi và chạy các đoạn code bạn đã viết trong Function của
mình.Như tôi nói bên trên, Function cũng chỉ là object, vậy nên ta hoàn toàn có thể thêm
các property cũng như method cho 1 function,Hãy xem ví dụ dưới đây:
Ví dụ :
function hello() {
    console.log('Hello There')
}

hello.world = "Hello World"
console.log(hello.world)
Output:Hello World
Khá là thú vị và cũng kì quặc không kém đúng không.Trong ví dụ trên, tôi vừa mới add
thêm 1 property vào function hello.Điều này có thể làm được là bởi vì trong Javascript ,
function cũng chỉ là object mà thôi. Bạn cũng có thể thêm 1 method vào function tương tự
như cách tôi đã làm bên trên.

2. Functions are First-Class Objects

Đầu tiên, First-Class Objects nghĩa là gì ? First-Class Object hiểu đơn giản là nó được đối xử
như 1 object và các kiểu dữ liệu thông thường khác.Nghĩa là nó có thể được truyền vào
như 1 đối số , return như 1 value , lưu vào variables , lưu vào các data structure ....
điều này có nghĩa là bạn có thể truyền function vào làm đối số của 1 function khác (hay
nói cách khác là callback) , Bạn có thể return 1 function bên trong 1 function, có thể lưu
function vào 1 biến,vân vân và mây mây ...

3. Function Copied by Reference

Như tôi đã nói bên trên, function chỉ là object,vậy bạn biết object kiểu giá trị gì không?
Chính xác,object có kiểu reference value.Điều này đồng nghĩa với việc Function cũng như
vậy.Nghĩa là nếu bạn gán Function A cho biến B . Biến B khi đó sẽ trỏ đến ô nhớ lưu
Function A và khi đó nếu tôi thay đổi Function A, biến B cũng sẽ bị thay đổi theo và ngược
lại (Nếu bạn không hiểu thì hãy lên google xem về Primitive và Reference Values
nhé.Hoặc tôi có thể sẽ làm 1 bài viết về chủ đề này,tất nhiên là sẽ ở 1 mức độ sâu để các
bạn thực sự hiểu về 2 kiểu giá trị này nếu các bạn quan tâm)

Ví dụ :

function hello() {
    console.log('Hello There')
}

const hi = hello
hi.xinchao = "xinchao"

console.log(hello.xinchao)
Output: xinchao
Giải thích : Đầu tiên tôi tạo Function hello, sau đó tôi gán Function hello cho
biến hi,sau đó tôi tiếp tục thêm property xinchao vào hi.Cuối cùng tôi
console.log(hello.xinchao) và tôi nhận được kết quả là xinchao.Điều này có
nghĩa là khi tôi chỉnh sửa biến hi,Function hello cũng đồng thời bị chỉnh sửa theo bởi vì
như tôi nói,Function có kiểu giá trị là reference value

Kết luận

Vì tôi không muốn viết quá dài nên sẽ chỉ tóm tắt những ý chính về function trong bài viết
này. Mong rằng những kiến thức tôi cung cấp trong bài viết này sẽ giúp bạn có được cái
nhìn tổng quát và hiểu sâu hơn về Function trong javascript.Chúc các bạn thành công trên
con đường của mình.

All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí