Đường cú pháp javascript tốt nhất

Đây là một số đá quý:

Chữ viết:

var obj = {}; // Object literal, equivalent to var obj = new Object();
var arr = []; // Array literal, equivalent to var arr = new Array();
var regex = /something/; // Regular expression literal, equivalent to var regex = new RegExp('something');

Mặc định:

arg = arg || 'default'; // if arg evaluates to false, use 'default', which is the same as:
arg = !!arg ? arg : 'default';

Tất nhiên chúng ta biết các hàm ẩn danh, nhưng có thể coi chúng như các ký tự và thực thi chúng ngay tại chỗ (như một lệnh đóng) là điều tuyệt vời:

(function() { ... })(); // Creates an anonymous function and executes it

Câu hỏi: Những cú pháp tuyệt vời nào khác có sẵn trong javascript?

Nhận ngày giờ hiện tại dưới dạng mili giây:

Date.now()

Ví dụ: để tính thời gian thực thi một đoạn mã:

var start = Date.now();
// some code
alert((Date.now() - start) + " ms elapsed");

Kiểm tra thành viên đối tượng:

var props = {a: 1, b: 2};

("a" trong props) // true
("b" trong đạo cụ) // true
("c" trong đạo cụ) // false

Trong Mozilla (và theo báo cáo là IE7), bạn có thể tạo một hằng số XML bằng cách sử dụng:

var xml = <elem> </elem>;

Bạn cũng có thể thay thế các biến:

var elem = "html";
var text = "Một số văn bản";
var xml = <{elem}> {text} </ {elem}>;

Sử dụng các hàm ẩn danh và một bao đóng để tạo một biến riêng (ẩn thông tin) và các phương thức get / set được liên kết:

var getter, setter;

(function()
{
   var _privateVar=123;
   getter = function() { return _privateVar; };
   setter = function(v) { _privateVar = v; };
})()

Có thể mở rộng các loại JavaScript gốc thông qua kế thừa nguyên mẫu.

String.prototype.isNullOrEmpty = function(input) {
    return input === null || input.length === 0;
}

Sử dụng ===để so sánh giá trị và loại:

var i = 0;
var s = "0";

if (i == s) // true

if (i === s) // sai

Chuỗi nhiều dòng:

var str = "Đây là \
tất cả một \
chuỗi.";

Vì bạn không thể thụt lề các dòng tiếp theo mà không thêm khoảng trắng vào chuỗi, nên mọi người thường thích nối với toán tử cộng. Nhưng điều này cung cấp một khả năng tài liệu tốt ở đây .

Thay đổi kích thước chiều dài của một mảng

thuộc tính độ dài không phải là chỉ đọc . Bạn có thể sử dụng nó để tăng hoặc giảm kích thước của một mảng.

var myArray = [1,2,3];
myArray.length // 3 elements.
myArray.length = 2; //Deletes the last element.
myArray.length = 20 // Adds 18 elements to the array; the elements have the empty value. A sparse array.

Lặp lại một chuỗi chẳng hạn như "-" một số lần cụ thể bằng cách tận dụng phương thức nối trên một mảng trống:

var s = new Array(repeat+1).join("-");

Kết quả bằng "---" khi lặp lại == 3.

Giống như toán tử mặc định, ||là toán tử bảo vệ , &&.

answer = obj && obj.property

như trái ngược với

if (obj) {
    answer = obj.property;
}
else {
    answer = null;
}

var tags = {
    name: "Jack",
    location: "USA"
};

"Name: {name}<br>From {location}".replace(/\{(.*?)\}/gim, function(all, match){
    return tags[match];
});

callback để thay thế chuỗi chỉ hữu ích.

Getters và setters :

function Foo(bar)
{
    this._bar = bar;
}

Foo.prototype =
{
    get bar()
    {
        return this._bar;
    },

    set bar(bar)
    {
        this._bar = bar.toUpperCase();
    }
};

Cung cấp cho chúng tôi:

>>> var myFoo = new Foo("bar");
>>> myFoo.bar
"BAR"
>>> myFoo.bar = "Baz";
>>> myFoo.bar
"BAZ"

Đây không phải là một javascript độc quyền, nhưng lưu như ba dòng mã:

check ? value1 : value2

Thêm một chút về ví dụ của levik:

var foo = (condition) ? value1 : value2;

Các mảng # foreach trên Javascript 1.6

myArray.forEach(function(element) { alert(element); });

Đang theo dõi obj || Cú pháp {default: true}:

gọi hàm của bạn với điều này: hello (needOne && needTwo && needThree) nếu một tham số không được xác định hoặc sai thì nó sẽ gọi hello (false), đôi khi hữu ích

Trong các tình huống phân tích cú pháp với một nhóm các bộ phận thành phần cố định:

var str = "John Doe";

Bạn có thể gán kết quả trực tiếp vào các biến, bằng cách sử dụng synatx "chuyển nhượng cơ cấu":

var [fname, lname] = str.split(" ");
alert(lname + ", " + fname);

Cái nào dễ đọc hơn một chút so với:

var a = str.split(" ");
alert(a[1] + ", " + a[0]);

Thay thế:

var [str, fname, lname] = str.match(/(.*) (.*)/);

Lưu ý rằng đây là một tính năng Javascript 1.7 . Vì vậy, đó là trình duyệt Mozilla 2.0+ và Chrome 6+, tại thời điểm này.

Chức năng Mũi tên được Gọi ngay lập tức:

var test = "hello, world!";
(() => test)(); //returns "hello, world!";

Tôi quên mất:

(function() { ... }).someMethod(); // Functions as objects

Tạo một đối tượng ẩn danh theo nghĩa đen chỉ với: ({})

Ví dụ: cần biết nếu các đối tượng có phương thức valueOf:

var hasValueOf = !! ({}). valueOf

Bonus theo cú pháp: the double-not '!!' để chuyển đổi khá nhiều thứ thành Boolean rất ngắn gọn.

Tôi thích có thể đánh giá () một chuỗi json và lấy lại cấu trúc dữ liệu được điền đầy đủ. Tôi ghét phải viết mọi thứ ít nhất hai lần (một lần cho IE, một lần nữa cho Mozilla).

Gán các từ khóa thường dùng (hoặc bất kỳ phương pháp nào) cho các biến đơn giản như ths

  var $$ = document.getElementById;

  $$('samText');

Lớp Ngày của JavaScript cung cấp bán "Giao diện Thông thạo". Điều này giải thích cho việc không thể trích xuất phần ngày từ lớp Ngày trực tiếp:

var today = new Date((new Date()).setHours(0, 0, 0, 0));

Nó không phải là một Giao diện Thông thạo hoàn toàn vì phần sau sẽ chỉ cung cấp cho chúng ta một giá trị số mà không thực sự là một đối tượng Ngày:

var today = new Date().setHours(0, 0, 0, 0);

Dự phòng mặc định:

var foo = {}; // empty object literal

alert(foo.bar) // will alert "undefined"

alert(foo.bar || "bar"); // will alert the fallback ("bar")

Một ví dụ thực tế:

// will result in a type error
if (foo.bar.length === 0)

// with a default fallback you are always sure that the length
// property will be available.
if ((foo.bar || "").length === 0) 

Đây là một trong những tôi vừa phát hiện: kiểm tra null trước khi gọi hàm:

a = b && b.length;

Đây là từ ngắn hơn tương đương với:

a = b ? b.length : null;

Phần tốt nhất là bạn có thể kiểm tra chuỗi tài sản:

a = b && b.c && b.c.length;

Tôi thích cách làm việc đơn giản với các danh sách:

var numberName = ["zero", "one", "two", "three", "four"][number];

Và băm:

var numberValue = {"zero":0, "one":1, "two":2, "three":3, "four":4}[numberName];

Trong hầu hết các ngôn ngữ khác, đây sẽ là mã khá nặng. Giá trị mặc định cũng rất đáng yêu. Ví dụ báo cáo mã lỗi:

var errorDesc = {301: "Moved Permanently",
                 404: "Resource not found",
                 503: "Server down"
                }[errorNo] || "An unknown error has occurred";

int sang chuỗi đúc

var i = 12;
var s = i+"";

element.innerHTML = "";  // Replaces body of HTML element with an empty string.

Một phím tắt để xóa tất cả các nút con của phần tử.

Chuyển chuỗi thành số nguyên mặc định thành 0 nếu không thể chấp nhận được,

0 | "3" //result = 3
0 | "some string" -> //result = 0
0 | "0" -> 0 //result = 0

Có thể hữu ích trong một số trường hợp, chủ yếu là khi số 0 được coi là kết quả xấu

Chữ mẫu

var a = 10;
var b = 20;
var text = `${a} + ${b} = ${a+b}`;

sau đó biến văn bản sẽ như bên dưới!

10 + 20 = 30