JavaScript 之 面向对象 [ 严格模式 ]

摘要：严格模式描述严格模式可以分别作用在全局作用域中和函数作用域中严格模式是对代码的一种限制方式严格模式可以将不明确显示的错误转变成明确显示严格模式可以修正一些解释器难以优化的错误严格模式下的变量禁止意外创建变量没有开启严格模式时在调用该变量时，

严格模式可以分别作用在全局作用域中和函数作用域中

严格模式是对JavaScript代码的一种限制方式

严格模式可以将不明确显示的错误转变成明确显示

严格模式可以修正一些解释器难以优化的错误

没有开启严格模式时

在调用该变量时，不会报错

解释器会自动补全 var关键字

开启严格模式时

在调用该变量时，会报错

显示 ReferenceError: s is not defined

/* 开启严格模式 - 全局作用域 */
"use strict";

/* 定义一个变量 - 不使用 var关键字 */
s = 100;
/*
    没有开启严格模式时
     * 在调用该变量时，不会报错
     * 解释器会自动补全 var关键字
    开启严格模式时
     * 在调用该变量时，会报错
     * 显示 ReferenceError: s is not defined(该变量没有被定义)
 */
console.log( s );// 显示 100 - 开启严格模式后的显示 s is not defined（报错）

* 定义一个函数 */
function fun() {
    /* 定义一个变量 - 不使用var关键字 */
    s = 100;
    console.log( s );
}
/* 调用函数 */
fun();// 显示 100
/*
    在未开启严格模式的情况下
     * 在函数作用域中，不使用var关键字定义的变量，会自动从局部变量提升到全局变量
    在开启严格模式的情况下
     * 在函数作用域中，不使用var关键字定义的变量，会报错
 */
/* 在全局作用域访问函数作用域中的局部变量 */
console.log( s );// 显示 100 开启严格模式后的显示 ReferenceError: s is not defined（报错）

静默表示既不报错也不显示任何效果

在严格模式下，静默失败会转为报错

/* 开启严格模式 */
"use strict";

/* 定义一个常量 */
const c = 100;
/* 对常量重新赋值 */
c = 200;

/* 开启严格模式后会将静默失败转成报错 */
console.log( c );// 显示 TypeError: Assignment to constant variable.

在非严格模式下，对变量使用delete 会静默失败

在严格模式下，对变量使用delete 会报错

/* 开启严格模式 */
"use strict";

/* 定义一个变量 */
var s = 100;
/*
    对变量使用delete
     * 在非严格模式下delete 会无效
     * 在严格模式下会报错 SyntaxError: Delete of an unqualified identifier in strict mode.
 */
delete s;
/* 在调用该变量 */
console.log( s );// 显示 100 ，在严格模式下会报错 Delete of an unqualified identifier in strict mode.

在非严格模式下，定义变量名时，使用保留字，会正常显示或静默失败

在严格模式下，定义变量名是，使用保留字，会报错

/* 开启严格模式 */
"use strict";

/* 定义一个变量 - 使用保留字定义变量名 */
var let = 100;
console.log( let );
/*
    非严格模式 显示 100
    严格模式 显示 SyntaxError: Unexpected strict mode reserved word
 */

在非严格模式下，使用delete去删除不可删除的属性时，会静默失败

在严格模式下，使用delete去删除不可删除的属性时，会报错

/* 开启严格模式 */
"use strict";

/* 使用delete 删除Object对象的原型属性 */
delete Object.prototype;
/* 在调用Object对象的原型属性 */
console.log( Object.prototype );
/*
    非严格模式下 显示 {}（正常显示一个空对象）
    严格模式下 显示 TypeError: Cannot delete property "prototype" of function Object() { [native code] }
 */

在非严格模式下，对象的属性名允许重复，会执行最后一次定义的内容

在严格模式下，对象的属性名重复时，编辑器会报错，但是会正常运行最后一次定义的内容

/* 开启严格模式 */
"use strict";

/* 定义一个对象 */
var obj = {
    name : "融念冰",
    name : "唐三"
}
/* 调用对象的属性 */
console.log( obj.name );
/*
    非严格模式下 显示 唐三
    严格模式下 显示 唐三
 */

在非严格模式下，对只读属性进行从新赋值，会静默失败

在严格模式下，对只读属性进行重新赋值，会报错

/* 开启严格模式 */
"use strict";

/* 定义一个对象 */
var obj = {
    name : "唐三"
};
/* 获取指定属性的属性描述符 - 将属性改为只读属性 */
Object.defineProperty( obj, "name", {
    /* 通过属性描述符将指定属性改为只读 */
    writable : false
} );
/* 对指定属性进行修改 */
obj.name = "融念冰";
/* 调用属性 */
console.log( obj.name );
/*
    非严格模式下 显示 唐三（无法修改属性）
    严格模式下 显示 TypeError: Cannot assign to read only property "name" of object "#