Hướng dẫn dùng assign JavaScript
Show Đã đăng vào thg 4 21, 2019 4:57 CH 2 phút đọc Khi chúng ta làm việc với Js, cụ thể ơn là ReactJs, hẳn chúng ta đã nghe tới tính bất biến của dữ liệu (immutability). Hiểu một cách nôm na đó là khả năng giá trị của dữ liệu không bị thay đổi sau khi đã được khai báo. Tính bất biết còn làm tăng hiệu suất của ứng dụng, khả năng kiểm soát và debugg một cách nhanh chóng hơn. Để hiểu rõ hơn chúng ta sẽ cùng nhau tìm hiểu về cú pháp và thông qua các ví dụ để có thể nắm rõ được ưu điểm này của nó và cách sử dụng. Khái niệm
Cú pháp
Các tham số:
Giá trị trả về: Các đối tượng đích
Ví dụ:
Cần lưu ý để đảm bảo tính bất biến thì tham số target nên luôn là {}, vì khi đó các giá trị của sources sẽ được sao chép vào đối tượng mới. Một cách dùng sai là:
Khi làm việc với nhiều object:
Gộp các object với cùng properties:
Để ý ví dụ trên, các thuộc tính được lặp lại bên trong các đối tượng nguồn thì trong đối tượng mới, các thuộc tính đó sẽ bị bỏ qua và chúng chỉ nhận được các thuộc tính duy nhất trên đối tượng đích. Và giá trị của chúng sẽ được cập nhật giá trị mới từ trái sang phải. Trên đây là bài tìm hiểu của mình về Object.assign() trong JS. Hi vọng bài viết sẽ giúp bạn có một cái nhìn và cách sử dụng rõ hơn về một phương thức thường xuyên được sử dụng dạo gần đây, đặc biệt là trong ReactJs. Tham khảohttps://appdividend.com/2018/12/27/javascript-object-assign-example-object-assign-tutorial/ https://developer.mozilla.org/vi/docs/Web/JavaScript/Reference/Global_Objects/Object/assign https://appdividend.com/2018/12/27/javascript-object-assign-example-object-assign-tutorial/ All rights reserved Nội dung chính
Hướng dẫn cách sử dụng object.assign trong javascript. Bạn sẽ biết phương thức Object.assign trong JavaScript là gì cũng như cách sử dụng nó để copy object và gộp 2 object trong Javascript sau bài học này. Object.assign trong trong JavaScriptObject.assign trong trong JavaScript là một phương thức trong object Object, có tác dụng gộp toàn bộ các thuộc tính của một object vào cuối của một object khác. Chúng ta sử dụng phương thức assign để gộp object trong JavaScript như sau: Object.assign(dest, src1, src2, src3, Trong đó Phương thức assign() có khả năng gộp nhiều object lại với nhau và trả về một object kết quả chứa toàn bộ các thuộc tính của chúng. Chúng ta có thể chỉ định một object trong số chúng và gán các object còn lại vào nó, hoặc là tạo ra một object khác và gán toàn bộ các object vào. Và dựa vào đó mà chúng ta có 2 style dùng assign() để gộp object trong JavaScript như sau. Gộp 2 object trong Javascript bằng Object.assignVới style này của Object.assign, chúng ta chỉ định một object đích từ các object ban đầu, và gán các object còn lại vào nó để gộp 2 object trong Javascript như sau: let des = { a: 10, b: 15 }; Tất nhiên chúng ta cũng có thể gộp nhiều hơn 2 object như sau đây: let des = { a: 10, b: 15 }; Có thể thấy rõ các thuộc tính trong các object đã được ghép hết vào cuối object des như trên. Và sytle sử dụng phương thức Object.assign này sẽ làm thay đổi object ban đầu. Chú ý, nếu tồn tại các thuộc tính trùng nhau trong các object thì chúng sẽ bị ghi đè bởi thuộc tính của object cuối cùng. Ví dụ: let des = { a: 10, b: 15 }; Giống
như trên thì cả 3 object đều chứa thuộc tính Gộp các object vào một object rỗng bằng Object.assignVới style này, thay vì chỉ định object đích từ trong các object ban đầu, chúng ta gán toàn bộ chúng vào một object rỗng như sau: let des = { a: 10, b: 15 }; Với style này, chúng ta không làm thay đổi các object ban đầu, mà chỉ copy toàn bộ chúng để gán vào trong một object rỗng, qua đó tạo ra mảng kết quả chứa toàn bộ chúng mà thôi. Sử dụng Object.assign để copy object trong JavaScriptNhư đã phân tích trong bài copy object trong JavaScript thì chúng ta cũng có thể sử dụng phương thức Object.assign để copy object trong JavaScript. Lúc này chúng ta chỉ cần chỉ định object đích là một object rỗng như style 2 ở trên là xong. Ví dụ, chúng ta copy object trong JavaScript như sau: let obj = { a: 10, b: 15 }; Việc copy object trong JavaScript bằng phương thức assign() không tạo ra mối quan hệ tham chiếu giữa object ban đầu và object kết quả, do đó chúng tồn tại độc lập và không bị ảnh hưởng kể cả khi một trong 2 chúng thay đổi thông qua các Xử lý object trong javascript. Ví dụ: let obj = { a: 10, b: 15 }; Tổng kếtTrên đây Kiyoshi đã hướng dẫn bạn về cách sử dụng Object.assign trong JavaScript rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé. Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo. Viết bởi Kiyoshi. Đã đăng ký bản quyền tác giả tại <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" rel="license noopener" target="_blank" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creativecommons</a> và <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" target="_blank" rel="noopener" href="https://www.dmca.com/Protection/Status.aspx?ID=1631afcd-7c4a-467d-8016-402c5073e5cd" class="dmca-badge">DMCA</a><script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> Bài viết liên quanHãy chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam! HOME>> học javascript - lập trình javascript cơ bản>>10. object trong javascript
Profile Tác giả : Kiyoshi (Chis Thanh) Kiyoshi là một cựu du học sinh tại Nhật Bản. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản. |