Heim > Web-Frontend > js-Tutorial > Erweitertes JavaScript-Syntaxlernen im strikten Modus

Erweitertes JavaScript-Syntaxlernen im strikten Modus

WBOY
Freigeben: 2022-05-24 13:45:41
nach vorne
1781 Leute haben es durchsucht

Dieser Artikel vermittelt Ihnen relevantes Wissen über Javascript, das hauptsächlich Probleme im Zusammenhang mit dem strikten Modus vorstellt. Es handelt sich um einen restriktiven JavaScript-Modus, der den Code implizit macht Schauen Sie es sich unten an. Ich hoffe, es wird für alle hilfreich sein.

Erweitertes JavaScript-Syntaxlernen im strikten Modus

[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]

1. Den strikten Modus verstehen

  • Im ECMAScript5-Standard schlug JavaScript das Konzept des strikten Modus vor:

    • Strikter Modus Es ist leicht zu verstehen, dass es sich um einen restriktiven JavaScript-Modus handelt, der dazu führt, dass der Code implizit aus dem „Lazy-Modus“ ausbricht.

    • Browser, die den strikten Modus unterstützen, erkennen und führen den Code strenger aus, wenn sie den strikten Modus im Code erkennen.

  • Der strikte Modus erlegt der normalen JavaScript-Semantik einige Einschränkungen auf:

    • Der strikte Modus eliminiert einige der ursprünglichen stillen Fehler, indem er Fehler auslöst.

    • Der strikte Modus ermöglicht es der JS-Engine, beim Ausführen von Code mehr Optimierungen durchzuführen (keine Notwendigkeit, sich mit einer speziellen Syntax auseinanderzusetzen).

    • Der strenge Modus deaktiviert einige Syntax, die möglicherweise in zukünftigen Versionen von ECMAScript definiert wird.

2. Den strikten Modus aktivieren

Wie schalte ich den strikten Modus ein? Der strikte Modus unterstützt die granulare Migration:

  • kann das Aktivieren des strikten Modus in JS-Dateien unterstützen;
  • 3. Einschränkungen des strikten Modus

JavaScript ist für unerfahrene Entwickler konzipiert Der Einstieg ist einfacher. Wenn Sie also eine falsche Syntax kaufen, denken Sie nicht, dass diese Methode normal analysiert werden kann.

Im strikten Modus wird diese Art von Transaktion als Fehler angesehen dass es schnell erkannt und korrigiert werden kann;

Einige häufige Einschränkungen zusammengefasst:


1. Globale Variablen können nicht versehentlich erstellt werden.

Es gibt zwei Möglichkeiten, globale Variablen versehentlich zu erstellen:

Verwenden Sie Schlüssel nicht direkt global Deklarieren Sie globale Variablen

    Verwenden Sie keine Schlüsselwörter, um Variablen innerhalb der Funktion zu deklarieren.
  • Der Beispielcode lautet wie folgt:
  • 'use strict'
    // 禁止意外创建全局变量
    message = '意外创建全局变量'
    console.log(message) // 报错信息为:Uncaught ReferenceError: message is not defined
    
    function foo () {
        age = 20
        console.log(age)
    }
    foo() // ReferenceError: age is not defined
    Nach dem Login kopieren

  • 2 Eine Fehlerausnahme melden

Der Beispielcode lautet wie folgt:
//开启严格模式,将问题直接转化为报错
'use strict'
const v = 100;//(定义常量)
v = 1.14;//重新赋值(为变量)

console.log(v); // Uncaught TypeError: Assignment to constant variable.
Nach dem Login kopieren

3. Es wird versucht, nicht löschbare Attribute im strikten Modus zu löschen.

Im strikten Modus können Sie den Deselect-Operator nicht für Variablen verwenden.

(1). Verwenden Sie das Schlüsselwort delete für Variablen

  // 开启严格模式
'use strict'

var v = 100;
delete v;//非严格模式下:此处为静默失败,既没有报错也没有删除变量v
console.log(v);//100
//开启严格模式后,改为报错Delete of an unqualified identifier in strict mode.
Nach dem Login kopieren
(2). Verwenden Sie das Schlüsselwort delete für Arrays und Methodenattribute. Der Effekt bleibt unverändert.

// 开启严格模式
'use strict'

// 1、严格模式下删除数组内容
var arr = [1,2,3,4]
delete arr[0];
console.log(arr);//[ <1 empty item>, 2, 3, 4 ]

// 2、严格模式下delete函数的属性
var obj  =  {
    name : '猪猪侠 '
}
delete obj.name;
console.log(obj.name)//undefined
Nach dem Login kopieren

4. Im strengen Modus dürfen Funktionsparameter nicht den gleichen Namen haben

Der Beispielcode lautet wie folgt:

'use strict'
// 不允许函数有相同的参数名称
function foo2 (x, y, x) {
    console.log(x, y, x)
}
foo2(10, 20, 30) // SyntaxError: Duplicate parameter name not allowed in this context
Nach dem Login kopieren
5. Die Oktalsyntax von 0 ist nicht zulässig

Der Beispielcode lautet wie folgt folgt:

// 不允许使用原先的八进制格式
var num1 = 0123
var num2 = 0o123 // 可以写成这种格式 八进制
var num3 = 0x123 // 可以写成这种格式 十六进制
var num4 = 0b100 // 可以写成这种格式 二进制

console.log(num1) // SyntaxError: Octal literals are not allowed in strict mode.
console.log(num2, num3, num4) // 83 291 4
Nach dem Login kopieren
6. Im strikten Modus ist die Verwendung von with

nicht zulässig. Der Beispielcode lautet wie folgt:

'use strict'
var message = 'Hello World';

var obj = { name: 'jam', age: 20 }
// with语句可以形成自己的作用域,在with语句中打印age时,会输出obj对象中的age属性,但在with语句中打印不存在的属性message时,会向外层的作用域一层一层去查找
function foo () {
    with (obj) {
        console.log(age) 
        console.log(message) 
    }
    console.log(message)
}
foo() // SyntaxError: Strict mode code may not include a with statement
Nach dem Login kopieren
7. Im strikten Modus bezieht sich eval nicht mehr auf Variablen obere Ebene

Der Beispielcode lautet wie folgt:

8. Im strikten Modus wird diese Bindung standardmäßig nicht in ein Objekt umgewandelt

开启严格模式 eval函数不会向上引用变量 所以全局作用域就没有message这个变量所以会报错

Der Beispielcode lautet wie folgt:
var jsString = "var message = 'hello world';console.log(message)"
eval(jsString) // 输出  hello world
console.log(message) // 报错信息为:ReferenceError: message is not defined
Nach dem Login kopieren

[Verwandte Empfehlungen: Javascript-Video-Tutorial,

Web-Frontend

]

Das obige ist der detaillierte Inhalt vonErweitertes JavaScript-Syntaxlernen im strikten Modus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage