• 技术文章 >web前端 >js教程

    JavaScript高级语法学习之严格模式

    WBOYWBOY2022-05-24 13:45:41转载614
    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于严格模式的相关问题,严格模式很好理解,是一种具有限制性的JavaScript模式,从而使代码隐式的脱离了“懒散模式”,下面一起来看一下,希望对大家有帮助。

    大前端零基础入门到就业:进入学习

    【相关推荐:javascript视频教程web前端

    一、认识严格模式

    二、开启严格模式

    那么如何开启严格模式呢?严格模式支持粒度化的迁移:

    三、严格模式限制

    JavaScript被设计为新手开发者更容易上手,所以有时候本买错误语法,别认为也是可以正常被解析的;
    但是这种方式可能给带来留下安全隐患;
    在严格模式下,这种事务就会被当做错误,以便可以快速的发现和修正;
    总结了一下几点常见的限制:

    1.无法意外的创建全局变量

    意外的创建全局变量的方式有两种:

    '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

    2.严格模式下会使引起静默失败的赋值操作报出错误异常

    示例代码如下:

    //开启严格模式,将问题直接转化为报错
    'use strict'
    const v = 100;//(定义常量)
    v = 1.14;//重新赋值(为变量)
    
    console.log(v); // Uncaught TypeError: Assignment to constant variable.

    3.严格模式下试图删除不可删除的属性

    严格模式下,不能对变量使用delect运算符。

    (1).对变量使用delete关键字

      // 开启严格模式
    'use strict'
    
    var v = 100;
    delete v;//非严格模式下:此处为静默失败,既没有报错也没有删除变量v
    console.log(v);//100
    //开启严格模式后,改为报错Delete of an unqualified identifier in strict mode.

    (2).对数组和对方法属性使用delete关键字

    严格模式下对数组和对方法属性使用delete关键字,效果不变。

    // 开启严格模式
    '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

    4.严格模式不允许函数参数有相同的名称

    示例代码如下:

    '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

    5.不允许0的八进制语法

    示例代码如下:

    // 不允许使用原先的八进制格式
    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

    6.在严格模式下,不允许使用with

    示例代码如下:

    '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

    7.在严格模式下,eval不再为上层引用变量

    示例代码如下:

    var jsString = "var message = 'hello world';console.log(message)"
    eval(jsString) // 输出  hello world
    console.log(message) // 报错信息为:ReferenceError: message is not defined

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

    8.严格模式下,this绑定不会默认转成对象

    示例代码如下:

    'use strict'
    // 在严格模式下,自执行函数(默认绑定)会指向undefined  ,非严格模式下会指向window
    function foo () {
        console.log(this)
    }
    foo() // undefined

    【相关推荐:javascript视频教程web前端

    以上就是JavaScript高级语法学习之严格模式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:CSDN,如有侵犯,请联系admin@php.cn删除
    专题推荐:javascript
    上一篇:angular学习之浅析HttpClientModule模块 下一篇:angular学习之详解状态管理器NgRx
    VIP课程(WEB全栈开发)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• JavaScript经典基础详解之函数• 一文掌握JavaScript对象• JavaScript对象的构造函数和new操作符(实例详解)• 一篇搞定JavaScript循环• 一文搞懂JavaScript WebAPI
    1/1

    PHP中文网