Tổng hợp 20 thủ thuật hay và hữu ích với Javascript
20 th thu t hay và h u ích v i Javascriptủ ậ ữ ớ
Javascript là m t trong nh ng ngôn ng ph bi n nh t trong th gi i l p ộ ữ ữ ổ ế ấ ế ớ ậ
trình, ngôn ng không th thi u trong l p trình web th m chí v i JS chúng ữ ể ế ậ ậ ớ
ta có th code server hay c mobile. V i Javascript chúng ta có th t o t ể ả ớ ể ạ ừ
m t alert đ n gi n trên trình duy t cho đ n vi c dùng nó đi u khi n m t ộ ơ ả ệ ế ệ ề ể ộ
con robot(s d ng Nodebot & Nodruino).ử ụ
N u các b n đã t ng g p nh ng hoàn c nh tr trêu khi code JS thì đ ng ế ạ ừ ặ ữ ả ớ ừ
n n chí, b i vì nó là m t m h n đ n mà (facepalm).ả ở ộ ớ ỗ ộ
Và hãy thông c m cho JS b i nó đã đ c sinh ra trong m t hoàn c nh tr ả ở ượ ộ ả ớ
trêu nh th này:ư ế
Trong ph m vi bài vi t này, Mình s chia s m t b các th thu t v ạ ế ẽ ẻ ộ ộ ủ ậ ề
Javascript và các m u ví d mà ai trong chúng ta khi đ ng đ n Javascript ẫ ụ ụ ế
đ u nên bi t và áp d ng m t l n.ề ế ụ ộ ầ
L u ý r ng các đo n code ví d trong bài vi t này đã đ c th nghi m ư ằ ạ ụ ế ượ ử ệ
trong phiên b n Google Chrome 30 tr lên, s d ng Javascript V8 ả ở ử ụ
engine(V8 3.20.17.15)
1. Đ ng quên t khóa var khi kh i t o bi n l n đ u tiênừ ừ ở ạ ế ầ ầ
B i n u không khai báo kèm t khóa var thì vi c gán giá tr cho bi n đó s ở ế ừ ệ ị ế ẽ
t o ra m t bi n global.ạ ộ ế
2. S d ngử ụ === thay vì dùng ==
Toán t == (ho c !=) s t đ ng gán ki u n u c n. Trong khi đó, toán t ử ặ ẽ ự ộ ể ế ầ ử
=== (ho c !==) s không t đ ng th c hi n b t kỳ chuy n đ i nào. Nó ặ ẽ ự ộ ự ệ ấ ể ổ
th c hi n so sánh b i c giá tr và ki u c a d li u. Cùng xem ví d sau:ự ệ ở ả ị ể ủ ữ ệ ụ
[10] === 10 // false
[10] == 10 // true
'10' == 10 // true
'10' === 10 // false
[] == 0 // true
[] === 0 // false
'' == false // => true nh ng true == "a" => falseư
'' === false // false
3. undefined, null, 0, false, NaN, ”(chu i r ng) t t c đ u là falsy valuesỗ ỗ ấ ả ề
Trong Javascript chúng ta có th phân bi t 2 ki u giá tr đó là falsy value và ể ệ ể ị
truthy value, falsy value là các giá tr khi ép ki u v boolean s tr v false,ị ể ề ẽ ả ề
còn truthy thì ng c l i. Cách đ n gi n đ ép ki u v boolean là dùngượ ạ ơ ả ể ể ề !!,
n u value đó là falsy thì tr v false, còn truthy thì ng c l i.ế ả ề ượ ạ
4. S d ng d uử ụ ấ ; đ k t thúc câu l nhể ế ệ
S d ng d uử ụ ấ ; cu i m i dòng l nh là m t đi u c n làm, b n s không b ố ỗ ệ ộ ề ầ ạ ẽ ị
c nh báo gì khi b n không dùng nó, tuy v y thì nó s đ c thêm b i các ả ạ ậ ẽ ượ ở
trình so n th o n u b n cài thêm ti n ích cho Javascript. ạ ả ế ạ ệ
5. Kh i t o constructor cho đ i t ngở ạ ố ượ
1
2
3
4
5
6
7
8
function Person(firstName, lastName){
this.firstName = firstName;
this.lastName = lastName;
}
var Saad = new Person("Saad", "Mousliki");
6. C n th n m i khi s d ngẩ ậ ỗ ử ụ typeof, instanceof và constructor
typeof: là m t toán t Javascript đ c s d ng đ tr v m t chu i ộ ử ượ ử ụ ể ả ề ộ ỗ
là tên ki u nguyên th y c a m t bi n, đ ng quên là typeof(null) s ể ủ ủ ộ ế ừ ẽ
tr v đ i t ng, và đ i v i ph n l n các ki u đ i t ng khác ả ề ố ượ ố ớ ầ ớ ể ố ượ
(Array, Date, …) cũng s tr v là “object”.ẽ ả ề
constructor: là thu c tính c a prototype bên trong, nó cũng có th b ộ ủ ể ị
ghi đè.
instanceof: là m t toán t Javascript khác, nó ki m tra t t c ộ ử ể ấ ả
prototypes, tr v true n u hàm t o nó đ c tìm th y và tr v false ả ề ế ạ ượ ấ ả ề
n u không tìm đ c.ế ượ
Cùng xem ví d sau: ụ
1
2
3
4
5
6
var arr = ["a", "b", "c"];
typeof arr; // "object"
arr instanceof Array; // true
arr.constructor(); //[]
7. T o m t Self-calling Function (M t hàm g i chính nó).ạ ộ ộ ọ
Hàm này cũng đ c g i là Self-Invoked Anonymous Function hay ượ ọ
Immediately Invoked Function Expression (IIFE). Nó là m t hàm th c hi n ộ ự ệ
t đ ng khi b n t o nó: ự ộ ạ ạ
1
2
3
4
5
6
7
8
9
10
(function(){
// code mà b n mu n ch y t đ ngạ ố ạ ự ộ
})();
// Ví d :ụ
(function(a,b){
var result = a+b;
return result;
})(10,20)
8. L y giá tr ng u nhiên t m t m ngấ ị ẫ ừ ộ ả
1
2
var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119];
3
4
5
var randomItem = items[Math.floor(Math.random() * items.length)];
9. L y m t s ng u nhiên t m t d i s cho tr cấ ộ ố ẫ ừ ộ ả ố ướ
1
2
3
var x = Math.floor(Math.random() * (max - min + 1)) + min;
10. T o m t m ng b i các s t 0 đ n maxạ ộ ả ở ố ừ ế
1
2
3
4
5
var numbersArray = [] , max = 100;
for( var i=1; numbersArray.push(i++) < max;); // numbersArray = [1,2,3 ...
100]
11. T o m t b ng u nhiên các ký t ch và sạ ộ ộ ẫ ự ữ ố
1
2
3
4
5
6
7
function generateRandomAlphaNum(len) {
var rdmString = "";
for( ; rdmString.length < len; rdmString +=
Math.random().toString(36).substr(2));
return rdmString.substr(0, len);
}
có thể bạn quan tâm
TỔNG QUAN MỘT SỐ KĨ THUẬT ĐIỀU CHẾ SỐ, TỔNG QUAN MỘT SỐ KĨ THUẬT ĐIỀU...
66
853
441
Kỹ thuật
66
(New)
Luận văn thạc sỹ kỹ thuật điện: Tổng quan về kỹ thuật WiMAX và giải ph...
93
774
365
Thạc sĩ cao học
93
(New)
Tìm hiểu về ES6 trong Javascript
0
644
342
Lập trình
(New)
Một số hàm hữu ích để xử lý mảng trong Javascript
13
663
295
Lập trình
13
(New)
Những điều cần biết về lập trình Javascript
38
649
339
Lập trình
38
(New)
Cùng tìm hiểu về biến trong JavaScript
6
624
322
Lập trình
6
(New)
Tổng hợp các thủ thuật Facebook hữu ích
14
704
191
Tài liệu CNTT khác
14
(New)
Tổng hợp thủ thuật máy tính
3
599
255
Tài liệu CNTT khác
3
(New)
thông tin tài liệu
Javascript là một trong những ngôn ngữ phổ biến nhất trong thế giới lập trình, ngôn ngữ không thể thiếu trong lập trình web thậm chí với JS chúng ta có thể code server hay cả mobile. Dưới đây là tổng hợp 20 thủ thuật hay và hữu ích với Javascript
Mở rộng để xem thêm
từ khóa liên quan
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
xem nhiều trong tuần
Tâm lý xã hội VÀ Hệ tư tưởng
Tham khảo 12 bài tập nguyên lý thống kê có lời giải
4 đề thi học sinh giỏi Toán lớp 2, có đáp án kèm theo
Trắc nghiệm kinh tế
PHÂN TÍCH CHUỖI CUNG ỨNG CỦA COCA COLA VIỆT NAM
Địa lý 12 Phát triển cây công nghiệp lâu năm Tây Nguyên
yêu cầu tài liệu
Giúp bạn tìm tài liệu chưa có
×
