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 ?
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ụ :
1 2 3 4 5 6 7 | <span class="token keyword">function</span> <span class="token function">hello</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'Hello There'</span><span class="token punctuation">)</span> <span class="token punctuation">}</span> hello<span class="token punctuation">.</span>world <span class="token operator">=</span> <span class="token string">"Hello World"</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>hello<span class="token punctuation">.</span>world<span class="token punctuation">)</span> |
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ụ :
1 2 3 4 5 6 7 8 9 | <span class="token keyword">function</span> <span class="token function">hello</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'Hello There'</span><span class="token punctuation">)</span> <span class="token punctuation">}</span> <span class="token keyword">const</span> hi <span class="token operator">=</span> hello hi<span class="token punctuation">.</span>xinchao <span class="token operator">=</span> <span class="token string">"xinchao"</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>hello<span class="token punctuation">.</span>xinchao<span class="token punctuation">)</span> |
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.