Home > Article > Web Front-end > JavaScript advanced syntax learning in strict mode
This article brings you relevant knowledge about javascript, which mainly introduces related issues about strict mode. Strict mode is easy to understand and is a restrictive JavaScript mode. This makes the code implicitly break away from the "lazy mode". Let's take a look at it. I hope it will be helpful to everyone.
[Related recommendations: javascript video tutorial, web front-end】
In the ECMAScript5 standard, JavaScript proposed the concept of strict mode:
Strict mode is easy to understand and is a restrictive JavaScript mode, thus making the code implicitly break out of "lazy mode".
Browsers that support strict mode will detect and execute the code in a more strict manner when they detect strict mode in the code.
Strict mode imposes some restrictions on normal JavaScript semantics:
Strict mode throws via Error to eliminate some of the original silent errors.
Strict mode allows the JS engine to perform more optimizations when executing code (without the need to process some special syntax).
Strict mode disables some syntax that may be defined in future versions of ECMAScript.
So how to turn on strict mode? Strict mode supports granular migration:
JavaScript is designed to be easier for novice developers to get started with, so sometimes if you buy incorrect syntax, don’t think it can be parsed normally;
But this method may give It brings security risks;
In strict mode, this kind of transaction will be treated as an error so that it can be quickly discovered and corrected;
Summarizes some common limitations:
There are two ways to accidentally create global variables:
'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
The sample code is as follows:
//开启严格模式,将问题直接转化为报错 'use strict' const v = 100;//(定义常量) v = 1.14;//重新赋值(为变量) console.log(v); // Uncaught TypeError: Assignment to constant variable.
In strict mode, you cannot use the deselect operator on variables.
// 开启严格模式 'use strict' var v = 100; delete v;//非严格模式下:此处为静默失败,既没有报错也没有删除变量v console.log(v);//100 //开启严格模式后,改为报错Delete of an unqualified identifier in strict mode.
In strict mode, use the delete keyword for arrays and pairs Use the delete keyword for method attributes, and the effect remains unchanged.
// 开启严格模式 '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
The sample code is as follows:
'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
sample code is as follows:
// 不允许使用原先的八进制格式 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
is not allowed. The sample code is as follows:
'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
The sample code is as follows:
var jsString = "var message = 'hello world';console.log(message)" eval(jsString) // 输出 hello world console.log(message) // 报错信息为:ReferenceError: message is not defined
When strict mode is turned on, the eval function will not refer upward to the variable, so there is no message variable in the global scope, so an error will be reported
The sample code is as follows:
'use strict' // 在严格模式下,自执行函数(默认绑定)会指向undefined ,非严格模式下会指向window function foo () { console.log(this) } foo() // undefined
[Related recommendations: javascript video tutorial, web front-end]
The above is the detailed content of JavaScript advanced syntax learning in strict mode. For more information, please follow other related articles on the PHP Chinese website!