eval有時候也可以用,而且有奇效

来源:https://www.cnblogs.com/xsilence/archive/2023/03/24/17252805.html
-Advertisement-
Play Games

eval,一個我曾經避之不及的函數,最近我對它產生了一點新的感觸:eval有時候也可以用,有奇效。 一般在使用js進行開發時,是不建議使用eval這類函數的。在JavaScript中,eval可以計算傳入的字元串,將其當作js代碼來執行。因為它可執行js代碼的特性,有可能被第三方利用,傳入惡意js代 ...


eval,一個我曾經避之不及的函數,最近我對它產生了一點新的感觸:eval有時候也可以用,有奇效。

一般在使用js進行開發時,是不建議使用eval這類函數的。在JavaScript中,eval可以計算傳入的字元串,將其當作js代碼來執行。因為它可執行js代碼的特性,有可能被第三方利用,傳入惡意js代碼執行,因此這個函數存在安全風險。再加上eval執行的速度低於普通的js程式,因此在日常開發中,它的使用準則是“能不用就不用”、“代碼中使用eval是很醜陋的一件事”。

但是這次在做拉線功能時,我“不得不”使用了它。

拉線由於數據量小,可以通過矢量渲染的方式渲染到地圖上,但是通過geoserver獲取的坐標數據和樣式數據是分離的,且沒有樣式名能將二者關聯起來。
樣式數據裡面規定每組篩選條件對應一組樣式值(線段的顏色、寬度,面的顏色、透明度),以以下這段樣式數據為例:

{
  "Description": {
      "Title": "hidetitle"
  },
  "Filter": {
      "And": {
          "PropertyIsGreaterThanOrEqualTo": {
              "PropertyName": "rsrp_rate",
              "Literal": "0"
          },
          "Not": {
              "PropertyIsNull": {
                  "PropertyName": "eci"
              }
          },
          "PropertyIsEqualTo": {
              "PropertyName": "geo_type",
              "Literal": "cell"
          },
          "PropertyIsLessThanOrEqualTo": {
              "PropertyName": "rk",
              "Literal": "3"
          },
          "PropertyIsLessThan": {
              "PropertyName": "rsrp_rate",
              "Literal": "0"
          }
      }
  },
  "PolygonSymbolizer": {
      "Fill": {
          "SvgParameter": [
              "#f56e3f",
              "0.15"
          ]
      },
      "Stroke": {
          "SvgParameter": [
              "#f56e3f",
              "4"
          ]
      }
  },
  "Name": "cell1-3 and rate 0-20"
},

它的涵義是:
當滿足(rsrp_rate >= 0 && ect !== null && geo_type === 'cell' && rk <= 3 && rsrp_rate < 0) 的條件時,面填充顏色使用#f56e3f、透明度為0.15,線段顏色使用#f56e3f、寬度為4。

如果使用常規方式去進行拉線數據值和樣式數據的計算匹配,無疑會很繁瑣,執行篩選所需要的時間也會很長,這種結果無疑是“醜陋”的。但是如果使用eval,就會有奇效。

我可以先將樣式數據進行處理成類似

{ operator: '>=', name: 'rsrp_rate', value: 0 }

這樣的結構,並存入數組,這個數組裡存放的都是and關係的篩選條件。

然後從拉線數據里獲取每個指標的值indexValue,進行如下拼裝:

let dataItem = { operator: '>=', name: 'rsrp_rate', value: 0 };
let filterValue = dataItem.value;
let indexValue = lineData[dataItem.name]; // 此處lineData中存儲著單個拉線的指標值
eval('filterValue' + dataItem.operator + 'indexValue') ;
// 上方這行代碼在編譯後執行的是: filterValue >= indexValue

利用eval可以將傳入的字元串當作js語句執行的特性,我就可以得到一個條件判斷結果,代碼相對而言也簡潔很多,使用eval,反爾讓代碼變得優雅,大大提高了數據匹配的效率和代碼的可維護性。

總之,這段開發經歷,讓我對eval有了新的認識。

我的個人博客地址:http://www.cnblogs.com/xsilence/

本文來自博客園,作者:silencetea,轉載請註明原文鏈接:https://www.cnblogs.com/xsilence/p/17252805.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在MySQL中,如果訪問/連接MySQL資料庫時遇到“ERROR 2003 (HY000): Can't connect to MySQL server on 'xxx.xxx.xxx.xxx:xxx' (111)”這個錯誤,我們應該從哪些方面進行考慮和排查問題呢? 下圖是我總結整理的一個思維導圖, ...
  • 生產者創建消息。在其他基於發佈與訂閱的消息系統中,生產者可能被稱為發佈者 或 寫入者。 一般情況下,一個消息會被髮布到一個特定的主題上。生產者在預設情況下把消息均衡地分佈到主題的所有分區上,而並不關心特定消息會被寫到哪個分區。不過,在某些情況下,生產者會把消息直接寫到指定的分區。這通常是通過消息鍵和 ...
  • ChunJun 是一款穩定、易用、高效、批流一體的數據集成框架,⽀持海量數據的同步與計算。ChunJun 既可以採集靜態的數據,比如 MySQL,HDFS 等,也可以採集實時變化的數據,比如 binlog,Kafka 等。同時 ChunJun 也是一個支持原生 FlinkSQL 所有語法和特性的計算 ...
  • 資料庫設計 一、資料庫設計概述 資料庫的生命周期 從資料庫演變過程的角度來看,資料庫的生命周期可分為兩個階段: 資料庫分析與設計階段 需求分析 概念設計 邏輯設計 物理設計 資料庫實現與操作階段 資料庫的實現 操作與監督 修改與調整 資料庫設計的目標 滿足應用功能需求:主要是指用戶當前與可預知的將來 ...
  • 一、管理方式 ElasticSearch作為最常用的搜索引擎組件,在系統架構中發揮極其重要的能力,可以極大的提升數據的載入和檢索效率;但不可否認的是,在長期的應用實踐中,也發現很多不好處理的流程和場景; 從直觀感覺上說,業務中對索引的使用主要涉及如圖的幾個流程,其核心也就是索引的結構維護與數據的流動 ...
  • 國際移動用戶識別碼( IMSI) international mobile subscriber identity 國際上為唯一識別一個移動用戶所分配的號碼。 從技術上講,IMSI可以徹底解決國際漫游問題。但是由於北美目前仍有大量的AMPS系統使用MIN號碼,且北美的MDN和MIN採用相同的編號,系 ...
  • Mac/Windows 瀏覽器開發者工具遠程調試 iPhone/Android 頁面 在移動端 Web 開發中,有時候只通過模擬器進行調試是不夠的,需要在真機環境下進行調試才能發現並解決一些問題。而移動端真機環境瀏覽器沒有開發者工具,在這種情況下,使用 PC 端瀏覽器開發者工具對移動端真機環境的 W ...
  • 問題描述 第一次搜索結果,沒有 選擇。關閉後再次打開 下拉框選項還是上一次的搜索結果。 這個現象能理解,但是也能被挑刺,遂修改——再次點擊的時候,展示全部 解決思路: 使用el-select的@visible-change方法,監聽下拉框打開關閉事件。 關閉時,將下拉選項的內容改為全部條件。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...