Làm cách nào để nhận tài liệu tham khảo trong javascript?

Bài viết này thảo luận về cách các loại dữ liệu JavaScript khác nhau hoạt động khi chúng được gán cho một biến. Tùy thuộc vào loại dữ liệu, bộ nhớ được phân bổ khác nhau để lưu trữ nó. Nó có thể dành một không gian mới để lưu trữ một bản sao của giá trị hoặc nó có thể không tạo một bản sao nào cả và chỉ trỏ đến giá trị hiện có (tham khảo)

Dưới đây là những ghi chú của tôi khi theo dõi khóa học Javascript30 của Wes Bos

Số, Chuỗi và Booleans

Trong JavaScript, Các loại nguyên thủy như

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

name = ‘Vinicius’;

name = ‘Vinicius’;

name = ‘Vinicius’;

name = ‘Vinicius’;

let name = ‘Marina’;let name2 = name;

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

name = ‘Vinicius’;

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

Khi biến

name = ‘Vinicius’;

name = ‘Vinicius’;

name = ‘Vinicius’;

name = ‘Vinicius’;

name = ‘Vinicius’;

name = ‘Vinicius’;

name = ‘Vinicius’;

Vì vậy, bất cứ khi nào chúng tôi muốn sửa đổi giá trị của

name = ‘Vinicius’;

name = ‘Vinicius’;

Đối tượng và Mảng

Các đối tượng trong JavaScript được truyền theo tham chiếu. Khi có nhiều hơn một biến được đặt để lưu trữ

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

const animals = ['Cat', 'Dog', 'Horse', 'Snake'];

let animals2 = animals;console.log({animals, animals2});>>{  animals: ['Cat', 'Dog', 'Horse', 'Snake'],  animals2: ['Cat', 'Dog', 'Horse', 'Snake']}

animals2[3] = 'Wale';console.log(animals, animals2);>>{  animals: ['Cat', 'Dog', 'Horse', 'Wale'],  animals2: ['Cat', 'Dog', 'Horse', 'Wale']}

Khi

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

console.log({name, name2});>> { name: ‘Vinicius’, name2: ‘Marina’ }

Bạn sẽ thấy hành vi tương tự đối với các đối tượng

const person = {  name: 'Marina',  age: 29};

let femme = person;femme.age = 18;

console.log({person, femme});>>{  person: { name: 'Marina', age: 18 },  femme: { name: 'Marina', age: 18 }}

Sao chép đối tượng và mảng

Vì một nhiệm vụ đơn giản là không đủ để tạo ra một bản sao của một đối tượng, điều đó có thể đạt được bằng các phương pháp khác

Mảng

lát cắt()

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

concat()

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

lây lan (ES6)

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

Các thay đổi sẽ chỉ ảnh hưởng đến đối tượng được sửa đổi

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

Các đối tượng

giao phó()

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

bản sao sâu

Điều quan trọng cần lưu ý là những phương pháp đó chỉ sâu một cấp độ. Đối với các bản sao sâu, có một phương pháp được tán thành. Sử dụng cẩn thận

console.log({name, name2}); >> { name: ‘Marina’, name2: ‘Marina’ }

Người giới thiệu

• WesBos - Javascript 30
• Bạn không biết JS. Phạm vi & Đóng cửa của Kyle Simpson

Được xuất bản lần đầu tại marina-ferreira. github. io

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

JavaScript có tham chiếu không?

Thẻ tham chiếu trong JavaScript là gì?