Đóng javascript eli5

Trang web này được hỗ trợ rộng rãi bởi DataCamp. DataCamp cung cấp Hướng dẫn Python tương tác trực tuyến cho Khoa học dữ liệu. Tham gia cùng 575.000 người học khác và bắt đầu học Python cho khoa học dữ liệu ngay hôm nay

Chào mừng đến với LearnPython. hướng dẫn Python tương tác org

Cho dù bạn có phải là một lập trình viên có kinh nghiệm hay không, trang web này dành cho tất cả những ai muốn học ngôn ngữ lập trình Python

Bạn được hoan nghênh tham gia nhóm của chúng tôi trên Facebook để đặt câu hỏi, thảo luận và cập nhật

Sau khi bạn hoàn thành các hướng dẫn, bạn có thể được chứng nhận tại LearnX và thêm chứng nhận của bạn vào hồ sơ LinkedIn của bạn

Là cha của một đứa trẻ 6 tuổi, hiện đang dạy trẻ nhỏ (và là một người tương đối mới làm quen với viết mã và không được đào tạo bài bản nên sẽ cần phải sửa lỗi), tôi nghĩ bài học sẽ hiệu quả nhất thông qua trò chơi thực hành. Nếu đứa trẻ 6 tuổi đã sẵn sàng để hiểu thế nào là đóng cửa, thì chúng đã đủ lớn để tự mình thực hiện. Tôi khuyên bạn nên dán mã vào jsfiddle. net, giải thích một chút và để họ tự tạo ra một bài hát độc đáo. Văn bản thuyết minh dưới đây có lẽ phù hợp hơn với một đứa trẻ 10 tuổi

function sing(person) {

    var firstPart = "There was " + person + " who swallowed ";

    var fly = function() {
        var creature = "a fly";
        var result = "Perhaps she'll die";
        alert(firstPart + creature + "\n" + result);
    };

    var spider = function() {
        var creature = "a spider";
        var result = "that wiggled and jiggled and tickled inside her";
        alert(firstPart + creature + "\n" + result);
    };

    var bird = function() {
        var creature = "a bird";
        var result = "How absurd!";
        alert(firstPart + creature + "\n" + result);
    };

    var cat = function() {
        var creature = "a cat";
        var result = "Imagine That!";
        alert(firstPart + creature + "\n" + result);
    };

    fly();
    spider();
    bird();
    cat();
}

var person="an old lady";

sing(person);

HƯỚNG DẪN

DỮ LIỆU. Dữ liệu là một tập hợp các sự kiện. Nó có thể là số, từ, phép đo, quan sát hoặc thậm chí chỉ là mô tả về sự vật. Bạn không thể chạm vào nó, ngửi hoặc nếm nó. Bạn có thể viết nó ra, nói nó và nghe nó. Bạn có thể sử dụng nó để tạo mùi và vị cảm ứng bằng máy tính. Nó có thể được thực hiện hữu ích bởi một máy tính sử dụng mã

MÃ SỐ. Tất cả các văn bản trên được gọi là mã. Nó được viết bằng JavaScript

JAVASCRIPT. JavaScript là một ngôn ngữ. Giống như tiếng Anh hoặc tiếng Pháp hoặc tiếng Trung Quốc là ngôn ngữ. Có rất nhiều ngôn ngữ được hiểu bởi máy tính và các bộ xử lý điện tử khác. Để máy tính hiểu được JavaScript, nó cần một trình thông dịch. Hãy tưởng tượng nếu một giáo viên chỉ nói tiếng Nga đến dạy lớp của bạn ở trường. Khi giáo viên nói "все садятся" cả lớp không hiểu. Nhưng may mắn thay, bạn có một học sinh người Nga trong lớp nói với mọi người điều này có nghĩa là "mọi người ngồi xuống" - vì vậy tất cả các bạn đều làm theo. Lớp học như một chiếc máy tính, học trò Nga là phiên dịch viên. Đối với JavaScript, trình thông dịch phổ biến nhất được gọi là trình duyệt

TRÌNH DUYỆT. Khi bạn kết nối Internet trên máy tính, máy tính bảng hoặc điện thoại để truy cập một trang web, bạn sử dụng trình duyệt. Ví dụ bạn có thể biết là Internet Explorer, Chrome, Firefox và Safari. Trình duyệt có thể hiểu JavaScript và cho máy tính biết nó cần làm gì. Các hướng dẫn JavaScript được gọi là chức năng

HÀM SỐ. Hàm trong JavaScript giống như một nhà máy. Nó có thể là một nhà máy nhỏ chỉ có một máy bên trong. Hoặc nó có thể chứa nhiều nhà máy nhỏ khác, mỗi nhà máy có nhiều máy móc làm những công việc khác nhau. Trong một nhà máy sản xuất quần áo ngoài đời thực, bạn có thể có hàng đống vải và cuộn chỉ được đưa vào và những chiếc áo phông và quần jean sẽ xuất hiện. Nhà máy JavaScript của chúng tôi chỉ xử lý dữ liệu, nó không thể may, khoan lỗ hoặc nấu chảy kim loại. Trong nhà máy JavaScript của chúng tôi, dữ liệu đi vào và dữ liệu đi ra

Tất cả những thứ dữ liệu này nghe có vẻ hơi nhàm chán, nhưng nó thực sự rất tuyệt; . Giả sử tôi mời bạn và bạn của bạn đến nhà tôi. Bạn thích chân gà nhất, tôi thích xúc xích, bạn của bạn luôn muốn những gì bạn muốn và bạn tôi không ăn thịt

Tôi không có thời gian để đi mua sắm, vì vậy chức năng cần biết những gì chúng tôi có trong tủ lạnh để đưa ra quyết định. Mỗi nguyên liệu có thời gian nấu khác nhau và chúng tôi muốn mọi thứ được phục vụ nóng hổi bởi robot cùng một lúc. Chúng ta cần cung cấp cho chức năng dữ liệu về những gì chúng ta thích, chức năng có thể 'nói chuyện' với tủ lạnh và chức năng có thể điều khiển robot

Một hàm thường có tên, dấu ngoặc đơn và dấu ngoặc nhọn. Như thế này

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }

Lưu ý rằng trình duyệt dừng đọc mã

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
2 và
function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
3

TÊN. Bạn có thể gọi một hàm bất cứ từ gì bạn muốn. Ví dụ "cookMeal" là điển hình trong việc nối hai từ lại với nhau và viết hoa chữ cái thứ hai ở đầu - nhưng điều này là không cần thiết. Nó không thể có khoảng trắng trong đó và nó không thể là một số riêng

dấu ngoặc đơn. "Dấu ngoặc đơn" hoặc

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
4 là hộp thư trên cửa của nhà máy chức năng JavaScript hoặc hộp thư trên đường để gửi các gói thông tin đến nhà máy. Đôi khi, hộp thư có thể được đánh dấu chẳng hạn như
function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
5, trong trường hợp đó bạn biết mình phải cung cấp thông tin gì cho hộp thư đó

NIỀNG RĂNG. "Niềng răng" trông như thế này

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
0 là cửa sổ màu của nhà máy của chúng tôi. Từ bên trong nhà máy có thể nhìn ra ngoài, nhưng từ bên ngoài không thể nhìn vào trong

VÍ DỤ MÃ DÀI TRÊN

Mã của chúng tôi bắt đầu bằng chức năng từ, vì vậy chúng tôi biết rằng đó là một. Sau đó, tên của chức năng sing - đó là mô tả của riêng tôi về nội dung của chức năng. Sau đó, dấu ngoặc đơn (). Các dấu ngoặc đơn luôn ở đó cho một chức năng. Đôi khi chúng trống rỗng, và đôi khi chúng có cái gì đó bên trong. Cái này có một từ trong.

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
1. Sau này có một cái nẹp như thế này
function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
2. Điều này đánh dấu sự bắt đầu của hàm sing(). Nó có một đối tác đánh dấu sự kết thúc của sing() như thế này
function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
3

function sing(person) {  /* STUFF INSIDE THE FUNCTION */  }

Vì vậy, chức năng này có thể liên quan đến ca hát và có thể cần một số dữ liệu về một người. Nó có hướng dẫn bên trong để làm điều gì đó với dữ liệu đó

Bây giờ, sau hàm sing(), gần cuối mã là dòng

var person="an old lady";

BIẾN ĐỔI. Các chữ cái var là viết tắt của "biến". Một biến giống như một phong bì. Bên ngoài phong bì này được đánh dấu "người". Bên trong nó chứa một tờ giấy với thông tin mà chức năng của chúng tôi cần, một số chữ cái và dấu cách được nối với nhau như một đoạn dây (nó được gọi là chuỗi) tạo thành cụm từ đọc là "bà già". Phong bì của chúng tôi có thể chứa các loại khác như số (được gọi là số nguyên), hướng dẫn (được gọi là hàm), danh sách (được gọi là mảng). Vì biến này được viết bên ngoài tất cả các dấu ngoặc nhọn

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
0 và vì bạn có thể nhìn ra ngoài qua các cửa sổ được tô màu khi bạn ở trong dấu ngoặc nhọn, nên biến này có thể được nhìn thấy từ bất kỳ đâu trong mã. Chúng tôi gọi đây là 'biến toàn cầu'

BIẾN TOÀN CẦU. person là một biến toàn cục, nghĩa là nếu bạn thay đổi giá trị của nó từ "an old lady" thành "a young man", người đó sẽ tiếp tục là một thanh niên cho đến khi bạn quyết định thay đổi lại giá trị đó và bất kỳ hàm nào khác trong mã cũng có thể . Nhấn nút F12 hoặc xem cài đặt Tùy chọn để mở bảng điều khiển dành cho nhà phát triển của trình duyệt và nhập "người" để xem giá trị này là gì. Nhập

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
5 để thay đổi và sau đó nhập lại "người" để thấy rằng nó đã thay đổi

Sau này chúng ta có dòng

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
0

Dòng này đang gọi hàm, như thể nó đang gọi một con chó

“Hãy hát đi, hãy đến lấy người. "

Khi trình duyệt đã tải mã JavaScript và đến dòng này, nó sẽ bắt đầu chức năng. Tôi đặt dòng này ở cuối để đảm bảo rằng trình duyệt có tất cả thông tin cần thiết để chạy nó

Chức năng xác định hành động - chức năng chính là về ca hát. Nó chứa một biến gọi là phần đầu áp dụng cho bài hát về người áp dụng cho từng câu của bài hát. "Có " + người + " nuốt". Nếu bạn nhập firstPart vào bảng điều khiển, bạn sẽ không nhận được câu trả lời vì biến bị khóa trong một hàm - trình duyệt không thể nhìn thấy bên trong các cửa sổ có màu của dấu ngoặc nhọn

ĐÓNG CỬA. Các bao đóng là các hàm nhỏ hơn bên trong hàm sing() lớn. Những nhà máy nhỏ bên trong nhà máy lớn. Mỗi cái đều có dấu ngoặc nhọn riêng, điều đó có nghĩa là các biến bên trong chúng không thể nhìn thấy từ bên ngoài. Đó là lý do tại sao tên của các biến (sinh vật và kết quả) có thể được lặp lại trong các bao đóng nhưng với các giá trị khác nhau. Nếu bạn gõ những tên biến này trong cửa sổ giao diện điều khiển, bạn sẽ không nhận được giá trị của nó vì nó bị ẩn bởi hai lớp cửa sổ màu

Tất cả các bao đóng đều biết biến của hàm sing() được gọi là firstPart là gì, bởi vì chúng có thể nhìn ra ngoài từ các cửa sổ được tô màu của chúng

Sau khi đóng cửa đến các dòng

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }
1

Hàm sing() sẽ gọi từng hàm này theo thứ tự chúng được cung cấp. Khi đó hàm sing() sẽ hoàn thành