Viết mã cho cuộc sống hàng ngày - React
Egoing Lee
Tìm hiểu cách tạo các thành phần React và mối quan hệ bất biến với React.
Basic
React
Mã hóa cuộc sống - Tính bất biến của JavaScript
Đây là khóa học liên quan đến JavaScript do Life Coding cung cấp. Khóa học này nói về cách xử lý dữ liệu một cách bất biến trong JavaScript.
JavaScript
JavaScript
Đánh giá từ những học viên đầu tiên
Đánh giá từ những học viên đầu tiên
4.9
5.0
장병훈
100% đã tham gia
Và bạn...
5.0
오영주
33% đã tham gia
Anh Egoing tuyệt vời nhất!
5.0
김남연
100% đã tham gia
Hiểu rất dễ dàng và rõ ràng. Có vẻ như đây là nội dung rất cần thiết cho việc quản lý dữ liệu.
Bạn sẽ nhận được điều này sau khi học.
Cách xử lý dữ liệu bất biến trong JavaScript
Sự khác biệt giữa các kiểu dữ liệu nguyên thủy và cách các đối tượng hoạt động
Cách nhân bản một đối tượng
Cách sửa đổi bản sao mà không sửa đổi đối tượng ban đầu
1. Giới thiệu bài giảng
Khóa học JavaScript Immutability của Life Coding hướng dẫn cách xử lý dữ liệu bất biến trong JavaScript. Dành cho những người học đã quen thuộc với cú pháp JavaScript cơ bản, khóa học này khám phá cách ngăn chặn việc dữ liệu bị hỏng bằng cách làm cho dữ liệu không thể thay đổi.
Khóa học này bao gồm các chủ đề sau:
- Sự khác biệt giữa cách các kiểu dữ liệu nguyên thủy và các đối tượng hoạt động
- Cách sao chép một đối tượng
- Làm thế nào để sửa đổi một bản sao mà không sửa đổi đối tượng gốc
Những điều sau đây không được bảo hiểm:
- thư viện bất biến
2. Mục tiêu bài giảng
Việc xử lý dữ liệu bất biến giúp giảm đáng kể khả năng xảy ra lỗi do nhiễu giữa các dữ liệu. Nó cũng giúp việc kiểm tra xem dữ liệu có thay đổi hay không trở nên dễ dàng hơn nhiều. Nó cũng đóng vai trò là nền tảng cho việc triển khai các kỹ thuật tiên tiến như tải lại mô-đun nóng và du hành thời gian.
Nếu bạn có thể dự đoán kết quả của tất cả các mã bên dưới, bạn không cần phải học lớp này.
biến n1 = 1;
biến n2 = 1;
console.log(n1 === n2);
=> Đúng vậy. Tất nhiên rồi.
var o1 = {tên:'kim'}
var o2 = {tên:'kim'}
console.log(o1 === o2);
=> false. Có vẻ hơi mơ hồ. JavaScript xử lý các kiểu dữ liệu nguyên thủy, vốn không thay đổi, khác với các đối tượng, vốn có thể thay đổi.
var o1 = {tên:'kim'}
biến o2 = o1;
o2.name = 'lee';
console.log(o1.name);
=> Đây là lee. o1 thậm chí không biết tiếng Anh và giá trị của tên mà nó trỏ tới đã thay đổi.
var o1 = {tên:'kim'}
var o2 = Object.assign({}, o1); // Sao chép o1 vào một đối tượng trống.
o2.name = 'lee';
console.log(o1.name);
=> Đây là Kim. Việc thay đổi o2 không ảnh hưởng đến o1. Điều này cho phép o1 vẫn bất biến so với o2.
var o1 = {điểm:[1,2]}
var o2 = Object.assign({}, o1);
o2.score.push(3);
console.log(o1.score)
=> [1,2,3]. Tôi không biết tiếng Anh, nên o1 đã thay đổi lại. Điều này là do score là một mảng, vốn là một kiểu đối tượng.
var o1 = {điểm:[1,2]}
var o2 = Object.assign({}, o1);
o2.score = o2.score.concat(); // Sao chép mảng.
o2.score.push(3);
console.log(o1.score)
=> [1,2].
Có một cách khác: sao chép mọi thứ.
var o1 = {điểm:[1,2]}
var o2 = JSON.parse(JSON.stringify(o1));
o2.score.push(3);
console.log(o1.score)
=> [1,2].
Tốt nhất là nên cẩn thận để không thay đổi bản gốc, nhưng cũng có thể ngăn chặn việc bản gốc thay đổi.
var o1 = {tên:'kim'}
Đối tượng.đóng băng(o1);
o1.tên = 'lee';
console.log(o1.name);
=> Là 'kim'.
Nhưng đồ vật thì không làm như vậy.
var o1 = {điểm:[1,2]}
Đối tượng.đóng băng(o1);
o1.điểm.đẩy(3);
console.log(o1.điểm);
// [1,2,3].
Cần phải đóng băng để phòng vệ.
var o1 = {điểm:[1,2]}
Đối tượng.đóng băng(o1);
Đối tượng.đóng băng(o1.điểm);
o1.điểm.đẩy(3);
console.log(o1.điểm);
// Nó không thay đổi. Nó thậm chí còn gây ra lỗi phản đối.
3. Điều kiện tham gia bài giảng
Để tham gia khóa học này, bạn cần có những kiến thức tiên quyết sau:
(Bạn có thể học một trong hai.)
- JavaScript ( lớp JavaScript WEB2 )
- NodeJS ( lớp WEB2 Nodejs )
4. Tổng thời gian phát lại
Đây là lớp học kéo dài một giờ gồm 12 video.
5. Bản quyền lớp
.jpg?w=960)
Bài giảng này được cấp phép theo giấy phép Creative Commons và có thể xem tại liên kết bên dưới.
https://opentutorials.org/module/4075 Tôi muốn cảm ơn Life Coding vì đã chia sẻ những kiến thức quý báu.
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Những người muốn giảm khả năng xảy ra lỗi bằng cách xử lý dữ liệu một cách không thay đổi
Bất cứ ai muốn xây dựng nền tảng triển khai các kỹ thuật JS nâng cao
Cần biết trước khi bắt đầu?
JavaScript
NodeJS (tùy chọn)
Chương trình giảng dạy
Tất cả
12 bài giảng ∙ (1giờ 0phút)
12. Lớp hoàn thiện
07:17
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
100 đánh giá
4.9
100 đánh giá
bhjang45440679Đánh giá 1
∙
Đánh giá trung bình 5.0
- lyc11211212487
Đánh giá 28
∙
Đánh giá trung bình 4.3
- oyj
Đánh giá 4
∙
Đánh giá trung bình 5.0
- park7844323
Đánh giá 5
∙
Đánh giá trung bình 5.0
- nam002425274
Đánh giá 2
∙
Đánh giá trung bình 5.0
Miễn phí
Khóa học khác của Egoing Lee
Hãy khám phá các khóa học khác của giảng viên!
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![[Code Camp] Javascript ấm ápCourse Thumbnail](https://cdn.inflearn.com/public/courses/329922/cover/364e7406-3569-437b-b719-7f146cad3d60/thumbnail-js.png?f=avif&w=420)
JavaScript cho nhà phát triểnCourse Thumbnail](https://cdn.inflearn.com/public/files/courses/337877/cover/01jyvwkxfmyxtq5ny0e5fmwmqp?f=avif&w=420)
![[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS CoreCourse Thumbnail](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![[Code Camp] Lý thuyết + thực hành về thuật toán Javascript dành cho người mới bắt đầuCourse Thumbnail](https://cdn.inflearn.com/public/courses/330604/cover/9c8dddcb-bd3b-4f3d-93af-ea382b6835c0/thumbnail.png?f=avif&w=420)
![Bootcamp Frontend vững chắc cho Fullstack (HTML, CSS, Vanilla JavaScript + ES6) [Fullstack Part2]Course Thumbnail](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
