Đang tải... (xem toàn văn)
Nội dung Bài 2: Biến và toán tử trình bày về biến và khai báo biến, kiểu dữ liệu, ép kiểu, toán tử, cấu trúc điều khiển, lệnh lựa chọn đơn, debug.
Bài 2: Biế n toán tử Hệ thố ng cũ Giớ i thiệ u JavaScript Lị ch sử JavaScript Mụ c đích củ a JavaScript JavaScript Brow ser Chư ng trình JavaScript Vị trí mã JavaScript Sơ lư ợ c mã JavaScript I DE cho JavaScript Biế n toán tử Mụ c tiêu họ c Biế n khai báo biế n Kiể u liệ u Ép kiể u Toán tử Cấ u trúc điề u khiể n Lệ nh lự a chọ n n Debug Biế n toán tử BI Ế N, KI Ể U DỮ LI Ệ U & TỐN TỬ Biế n tốn tử Biế n khai báo biế n Biế n dùng để lư u trữ liệ u var tenbien Cú pháp Cách đặ t tên biế n Tên biế n bao gồ m chữ số , ng tên biế n không đư ợ c bắ t đầ u bằ ng số Tên biế n không bao gồ m dấ u cách dấ u câu, ngoạ i trừ dấ u gạ ch dư i (_) Có thể khai báo nhiề u biế n mộ t dòng var x, y, zeta Có thể vừ a khai báo vừ a khở i tạ o giá trị cho biế n var x = var x = 1, y = "hello" Biế n toán tử Kiể u liệ u JavaScript hỗ trợ nhữ ng kiể u liệ u sau Kiể u số Kiể u chuỗ i ký tự Kiể u Boolean Kiể u mả ng Object Biế n toán tử Kiể u số JavaScript không chia kiể u Double, Integer… ngôn ngữ khác Java gộ p lạ i thành mộ t kiể u nhấ t kiể u số var 20 var 1.5 var 0xd Biế n toán tử Demo sử dụ ng kiể u số Hexadecimal Numbers var h = 0xe; var i = 0x2; var j = h * i; alert(j);Chapter Example
Biế n toán tử Các hàm thao tác vớ i kiể u số isNAN() Xác đị nh xem tham số truyề n vào có phả i số hay không Nế u số , trả False Nế u không phả i số , trả True alert(isNaN("4")) alert(isNaN("four")) Biế n toán tử Đố i tư ợ ng Math Javascript cung cấ p đố i tư ợ ng Math để thao tác vớ i liệ u kiể u số Phư ng thứ c Giả i thích Math.random() Trả số ngẫ u nhiên khoả ng từ ế n Math.abs(x) Ví dụ Kế t Trả giá trị tuyệ t ố i củc a x Math.abs(-2) Math.pow(x,y) Trả giá trị củ a x m y Math.pow(2,3) Math.round(x) Trả giá trị làm tròn củ a x Math.round(2.6) Biế n toán tử 10 Lệ nh lự a chọ n Lệ nh lự a chọ n n Lệ nh lự a chọ n kép Lệ nh đa lự a chọ n Biế n toán tử 27 Lệ nh lự a chọ n n Cú pháp if ( iề u_kiệ n) { //Thự c hiệ n } Các trư ng hợ p if (! iề u_kiệ n) { //Thự c hiệ n } Biế n toán tử if (x < 350) { //Thự c hiệ n } var x = var y = if (x == y) { //Thự //Th c hiệ hi n } 28 Ví dụ lệ nh lự a chọ n I f…Then var x = prompt("Hay nhap vao so be hon 100:"); if (x >= 100) { alert("Ban vua nhap gia tri la: " + x + ", gia tri khong be hon 100"); } Biế n toán tử 29 Điề u kiệ n phứ c tạ p Dùng toán tử logic để kế t hợ p nhiề u mệ nh đề n thành mộ t mệ nh đề phứ c tạ p hơ n var x = prompt("Hay nhap vao so be hon 100 va lon hon 50:"); if ((x < 51) || (x > 99)) { document.write("Ban vua nhap gia tri la: " + x + ""); document.write("Gia tri khong nam khoang tu 50 den 100"); } Biế n tốn tử 30 Cơng cụ gỡ lỗ i Công cụ gỡ lỗ i giúp ngư i lậ p trình tìm sử a lỗ i (bao gồ m lỗ i logic lỗ i biên dị ch) Vì mã JavaScript đư ợ c thơng dị ch trình duyệ t, nên mỗ i trình duyệ t xây dự ng gỡ lỗ i riêng IE: Microsoft Script Debugger (Debug trình duyệ t IE) Visual Studio FireFox FireBug Biế n toán tử 31 DEBUG Biế n toán tử 32 Gỡ lỗ i cho I E Sử dụ ng Visual studio để gỡ lỗ i Mở file bằ ng IE: Click vào file Chọ n Open With Chọ n Internet Explorer Visual studio tự độ ng chuyể n sang chế độ gỡ lỗ i Biế n toán tử 33 Demo cài đặ t FireBug Vào trang web http:/ / www.getfirebug.com Nhấ n vào Button I nstall FireBug Download bả n FireBug phù hợ p vớ i version củ a Firefox sử dụ ng Firebug ã ợ c cài ặ t Biế n toán tử 34 Demo sử dụ ng FireBug để gỡ lỗ i Bậ t chế độ firebug Mở firefox Bậ t chế độ firebug bằ ng cách nhấ n vào biể u tư ợ ng firebug hoặ c vào từ Menu củ a FireFox hình bên Biể u tư ợ ng FireBug Cử a sổ FireBug xuấ t hiệ n Biế n toán tử 35 Demo sử dụ ng FireBug để gỡ lỗ i Bậ t chế độ Console để gỡ lỗ i: Nhấ n vào mũi tên bên phả i console, chọ n Enable Biế n toán tử 36 Demo sử dụ ng FireBug để gỡ lỗ i Gỡ lỗ i Mở trang scopping.html Cử sổ thơng báo lỗ i Biế n tốn tử Lỗ i dòng 21 37 Demo sử dụ ng FireBug để gỡ lỗ i Nhấ n vào lỗ i để hiể n thị đoạ n mã bị lỗ i Cử sổ thông báo lỗ i Biế n toán tử 38 Gỡ lỗ i bằ ng Microsoft Script Debugger BTVN: Tìm hiể u gỡ lỗ i trự c tiế p IE bằ ng Microsoft Script Debugger Biế n toán tử 39 Tổ ng kế t họ c JavaScript hỗ trợ kiể u biế n: Kiể u số , kiể u String, kiể u Boolean kiể u Object Kiể u mả ng để lư u liệ u kiể u vớ i JavaScript hỗ trợ giá trị null undefined Null nghĩa biế n không tham chiế u đế n đâu , undefined nghĩa biế n chư a xác đị nh JavaScript có hai kiể u ép kiể u : Ép kiể u tư ng minh ép kiể u ngầ m đị nh Biế n đư ợ c khai báo bằ ng từ khóa var, theo sau tên biế n JavaScript hỗ trợ toán tử logic, toán tử số họ c, tốn tử quan hệ tốn tử mộ t ngơi Biế n toán tử 40 Tổ ng kế t họ c JavaScript cung cấ p cấ u trúc điề u khiể n: Cấ u trúc tuầ n tự , cấ u trúc lự a chọ n cấ u trúc lặ p Cấ u trúc lặ p gồ m lệ nh lự a chọ n n (if) Vì mã JavaScript đư ợ c thơng dị ch trình duyệ t, nên mỗ i trình duyệ t xây dự ng gỡ lỗ i riêng FireBug gỡ lỗ i cho FireFox, Microsoft Script Debugger gỡ lỗ i cho IE Visual Studio tích hợ p gỡ lỗ i cho IE Biế n toán tử 41 ... Biế n toán tử 18 Toán tử Toán tử số họ c Tốn tử Giả i thích + Cộ ng - Trừ * Nhân / Chia % Chia lấ y dư Tốn tử Giả i thích & Và | Hoặ c ^ XOR ! NOT Toán tử logic Biế n toán tử 19 Toán tử Toán tử. .. + Chuyể n toán hạ ng sang số dư ng - Chuy Chuyể n toán h hạ ng sang số âm ++ T ng Trừ 21 Toán tử tăng toán tử giả m var x = 4; x++; alert (x); Biế n toán tử 22 Toán tử tăng toán tử giả m Sự... Biế n toán tử Mụ c tiêu họ c Biế n khai báo biế n Kiể u liệ u Ép kiể u Toán tử Cấ u trúc điề u khiể n Lệ nh lự a chọ n n Debug Biế n toán tử BI Ế N, KI Ể U DỮ LI Ệ U & TOÁN TỬ Biế n toán tử Biế