使用瀏覽器調試嚴格模式下的代碼

tigerZH 發布于2019-08-21 10:49 / 843人閱讀

摘要：它的代碼草稿紙簡直是瀏覽器里的調試神器，不僅簡單直觀，而且也具備了一般的編輯器功能，無奈用習慣了的，我用得較少但感覺作為開發者工具絕對業界良心。

一般平時的少量測試代碼，我習慣直接在Chrome的DEV中調試，一般的調試都沒有問題，但難免一些小概率事件，比如調試嚴格模式下的代碼（關于嚴格模式，mark在這里?嚴格模式），這時候如果直接在console里輸入"use strict"是無效的，比如如下代碼在console里正常輸出：

"use strict"
i = 10
console.log(i) //正常輸出10 ，但是嚴格模式下這是不合法的，因為i沒有申明

據說是因為在console中的js代碼是通過eval()來執行的。解決方法是有，只是比較麻煩，因為嚴格模式不僅可以針對整個腳本（"use strict"寫在腳本第一行），也可以只針對函數（放在函數體的第一行）

于是在Chrome中可以這樣：

(function()
{
    "use strict";
    i =10
    console.log(i) //報錯Uncaught ReferenceError: a is not defined(…)
}())

這樣寫的話console才會正確報錯，這種寫法確實比較麻煩，說到這里不得不提下firefox的開發工具，用firefox的同學就完全沒有這個問題了。它的代碼草稿紙簡直是瀏覽器里的調試神器（Shift＋F4），不僅簡單直觀，而且也具備了一般的編輯器功能，無奈用習慣了chrome的DEV，firefox我用得較少（但感覺firebug作為開發者工具絕對業界良心）。如果哪位同學還知道什么輕量簡單的調試工具（直接打開就能用的！），還麻煩告訴下我。

以下是firefox的代碼草稿紙：

GPU云服務器云服務器嚴格模式 javascript嚴格模式 html 5嚴格模式 python調試模式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86260.html

JS 中 this 在各個場景下的指向

摘要：聲明了一個函數，并且將它作為一個構造函數調用構造函數調用構造函數調用是函數的構造函數調用。構造函數中的在構造函數調用中指向新創建的對象構造函數調用的上下文是新創建的對象。來看看下面示例中的上下文正在進行構造函數調用，其中上下文是。為了保證的可讀性，本文采用意譯而非直譯。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！ 1. this 的奧秘很多時候, JS 中...

WrBug 2019-08-26 10:44 評論0 收藏0
JavaScript中的嚴格模式

摘要：字符串不能用作標識符變量或函數名參數名等在嚴格模式下，函數聲明無法嵌套在語句或塊中。嚴格模式下用法無效如果在函數內聲明變量，則不能在此函數外部使用該變量。在嚴格模式下，更改的值不會影響的值，因為對象只是一個本地副本。本文同步自我的博客，地址：http://reeoo.me/archives/strictmode.html 什么是嚴格模式我們平時寫的JavaScript代碼一般都運...

wwolf 2019-08-19 17:33 評論0 收藏0
JavaScript 之面向對象 [ 嚴格模式 ]

摘要：嚴格模式描述嚴格模式可以分別作用在全局作用域中和函數作用域中嚴格模式是對代碼的一種限制方式嚴格模式可以將不明確顯示的錯誤轉變成明確顯示嚴格模式可以修正一些解釋器難以優化的錯誤嚴格模式下的變量禁止意外創建變量沒有開啟嚴格模式時在調用該變量時，嚴格模式描述嚴格模式可以分別作用在全局作用域中和函數作用域中嚴格模式是對JavaScript代碼的一種限制方式嚴格模式可以將不明確顯...

zsirfs 2019-08-23 11:27 評論0 收藏0
嚴格模式的簡單認識

摘要：不支持嚴格模式的瀏覽器與嚴格模式的瀏覽器行為也不一樣，所以不要在未經嚴格模式特性測試情況下使用嚴格模式。在嚴格模式下，使用上述標識符作為變量名會導致語法錯誤。嚴格模式下，命名參數與對象是完全獨立的。在嚴格模式下，函數的值始終是指定的值。嚴格模式概述嚴格模式是什么嚴格模式是JavaScript中的一種限制性更強的變種模式。嚴格模式不是一個子集：它的語義上與正常代碼有著明顯的差異。...

learning 2019-08-23 11:31 評論0 收藏0
那些年，前端學習之路的疑難雜癥（一）：嚴格模式與非嚴格模式

摘要：反之亦然非嚴格合并嚴格看起來是非嚴格的。在普通的里面給一個拼寫錯誤的變量名賦值會使全局對象新增一個屬性并繼續工作盡管后面可能出錯在現在的中有可能。第三嚴格模式禁止刪除聲明變量。文章整理自MSDN：https://developer.mozilla.org... 1.逐步使用嚴格模式 ECMAScript 5的嚴格模式是JavaScript中的一種限制性更強的變種方式。嚴格模式不是一個...

zombieda 2019-08-20 14:16 評論0 收藏0