Chuyển đổi Javascript so với if Khác khác nếu khác Khác

Tôi có một vài câu hỏi:

1. Có sự khác biệt về hiệu suất trong JavaScript giữa một switch câu lệnh và câu lệnh if...elsekhông?
2. Nếu vậy tại sao?
3. Là hành vi switchvà if...elsekhác nhau trên các trình duyệt? (FireFox, IE, Chrome, Opera, Safari)

Lý do cho câu hỏi này là dường như tôi có hiệu suất tốt hơn trên một switchcâu lệnh với khoảng 1000 trường hợp trong Firefox.

Rất tiếc, đây không phải là mã của tôi, Javascript đang được tạo ra từ các thư viện được biên dịch và tôi không có quyền truy cập vào mã. Phương thức tạo javascript được gọi là

CreateConditionals(string name, string arrayofvalues, string arrayofActions)

lưu ý arrayofvalueslà một danh sách được phân tách bằng dấu phẩy.

những gì nó tạo ra là

function [name] (value) {
  if (value == [value from array index x]) {
     [action from array index x]
  }
}

Lưu ý: where [name]= tên được truyền vào chức năng máy chủ

Bây giờ tôi đã thay đổi đầu ra của hàm được chèn vào TextArea, viết một số mã JavaScript để phân tích cú pháp và chuyển đổi nó thành một tập hợp case câu lệnh.

cuối cùng tôi chạy chức năng và nó chạy tốt nhưng hiệu năng khác nhau trong IE và Firefox.

Trả lời chung chung:

1. Vâng, thông thường.
2. Xem thêm thông tin tại đây
3. Có, bởi vì mỗi công cụ có một công cụ xử lý JS khác nhau, tuy nhiên, khi chạy thử nghiệm trên trang web bên dưới, công tắc luôn luôn thực hiện if, otherif trên một số lượng lớn các lần lặp.

Địa điểm thi

Đôi khi tốt hơn là không sử dụng. Ví dụ: trong tình huống "điều phối", Javascript cho phép bạn thực hiện mọi việc theo một cách hoàn toàn khác:

function dispatch(funCode) {
  var map = {
    'explode': function() {
      prepExplosive();
      if (flammable()) issueWarning();
      doExplode();
    },

    'hibernate': function() {
      if (status() == 'sleeping') return;
      // ... I can't keep making this stuff up
    },
    // ...
  };

  var thisFun = map[funCode];
  if (thisFun) thisFun();
}

Thiết lập phân nhánh đa chiều bằng cách tạo một đối tượng có rất nhiều lợi thế. Bạn có thể thêm và xóa chức năng một cách linh hoạt. Bạn có thể tạo bảng công văn từ dữ liệu. Bạn có thể kiểm tra nó theo chương trình. Bạn có thể xây dựng các trình xử lý với các chức năng khác.

Có thêm chi phí của một lệnh gọi hàm để tương đương với "trường hợp", nhưng lợi thế (khi có nhiều trường hợp) của tra cứu băm để tìm hàm cho một khóa cụ thể.

Sự khác biệt hiệu suất giữa a switchvà if...else if...elsenhỏ, về cơ bản chúng làm cùng một công việc. Một điểm khác biệt giữa chúng có thể tạo ra sự khác biệt là biểu thức cần kiểm tra chỉ được đánh giá một lần trong một switchlần if. Nếu tốn kém để đánh giá biểu thức, thì việc thực hiện một lần dĩ nhiên nhanh hơn thực hiện một trăm lần.

Sự khác biệt trong việc thực hiện các lệnh đó (và tất cả các tập lệnh nói chung) khác nhau khá nhiều giữa các trình duyệt. Chúng ta thường thấy sự khác biệt hiệu năng khá lớn cho cùng một mã trong các trình duyệt khác nhau.

Vì bạn khó có thể thực hiện kiểm tra tất cả mã trong tất cả các trình duyệt, bạn nên tìm mã phù hợp nhất với những gì bạn đang làm và cố gắng giảm số lượng công việc được thực hiện thay vì tối ưu hóa cách thực hiện.

1. Nếu có sự khác biệt, nó sẽ không bao giờ đủ lớn để được chú ý.
2. Không có
3. Không, tất cả đều hoạt động giống hệt nhau.

Về cơ bản, sử dụng bất cứ điều gì làm cho mã dễ đọc nhất. Chắc chắn có những nơi mà một hoặc các cấu trúc khác làm cho sạch hơn, dễ đọc hơn và dễ bảo trì hơn. Điều này quan trọng hơn nhiều có lẽ là tiết kiệm một vài nano giây trong mã JavaScript.

Khác với cú pháp, một chuyển đổi có thể được thực hiện bằng cách sử dụng một cây tạo ra nó O(log n), trong khi một if / khác phải được thực hiện với một O(n)cách tiếp cận thủ tục. Thông thường, cả hai đều được xử lý theo thủ tục và sự khác biệt duy nhất là cú pháp, và hơn nữa nó thực sự có vấn đề - trừ khi bạn tĩnh nhập 10k trường hợp nếu / khác?

Câu trả lời của Point gợi ý việc sử dụng một đối tượng theo nghĩa đen thay thế cho switchhoặc if/ else. Tôi cũng thích cách tiếp cận này, nhưng mã trong câu trả lời sẽ tạo ra một mapđối tượng mới mỗi khi dispatchhàm được gọi:

function dispatch(funCode) {
  var map = {
    'explode': function() {
      prepExplosive();
      if (flammable()) issueWarning();
      doExplode();
    },

    'hibernate': function() {
      if (status() == 'sleeping') return;
      // ... I can't keep making this stuff up
    },
    // ...
  };

  var thisFun = map[funCode];
  if (thisFun) thisFun();
}

Nếu mapchứa một số lượng lớn các mục, điều này có thể tạo ra chi phí đáng kể. Chẳng hạn, tốt hơn là chỉ thiết lập bản đồ hành động một lần và sau đó sử dụng bản đồ đã được tạo mỗi lần:

var actions = {
    'explode': function() {
        prepExplosive();
        if( flammable() ) issueWarning();
        doExplode();
    },

    'hibernate': function() {
        if( status() == 'sleeping' ) return;
        // ... I can't keep making this stuff up
    },
    // ...
};

function dispatch( name ) {
    var action = actions[name];
    if( action ) action();
}

Có sự khác biệt về hình thức trong Javascript giữa câu lệnh chuyển đổi và nếu ... khác nếu .... khác không?

Tôi không nghĩ vậy, switchlà hữu ích / ngắn nếu bạn muốn ngăn ngừa nhiều if-elseđiều kiện.

Là hành vi của chuyển đổi và nếu ... khác nếu ... khác trên các trình duyệt? (FireFox, IE, Chrome, Opera, Safari)

Hành vi là giống nhau trên tất cả các trình duyệt :)

1. Làm việc có thể dẫn đến một số khác biệt rất nhỏ trong một số trường hợp, nhưng cách xử lý vẫn phụ thuộc vào trình duyệt nên không đáng bận tâm
2. Do cách chế biến khác nhau.
3. Bạn không thể gọi nó là trình duyệt nếu hành vi sẽ khác đi

Nó chỉ ra rằng nếu khác nếu nói chung nhanh hơn chuyển đổi

http://jsperf.com/switch-if-else/46