Javascript基础(2) - 严格模式特点

name = “Lily”;

}

console.log(a.name);

})();

在严格模式下，变量必须显示声明(var/let/const)

(function(){

//非严格模式

a = 10;

console.log(a); //10

})();

(function(){

“use strict”; //严格模式

b = 10; //ReferenceError: b is not defined

console.log(b);

})();

在严格模式下，this默认是undefined

(function(){

//非严格模式

console.log(this); //window

})();

(function(){

“use strict”; //严格模式

console.log(this); //undefined

})();

在严格模式下，为只读变量和不可扩展对象赋值会报错, 而不是静默失败

(function(){

//非严格模式

var o = {

name: “Lily”

};

Object.freeze(o);

o.name = “Bob”;

o.age = 20;

console.log(o); //Object {name: “Bob”}

})();

(function(){

“use strict”; //严格模式

var o = {

name: “Lily”

};

Object.freeze(o);

o.name = “Bob”; //TypeError: Cannot assign to read only property ‘name’ of object ‘#’

o.age = 20; //TypeError: Can’t add property age, object is not extensible

console.log(o);

})();

在严格模式下，不可以在eval参数中定义变量和函数

(function(){

//非严格模式

var str1 = “var name=‘Lily’;”;

var str2 = “function fun1(){console.log(‘hello’);}”;

eval(str1); //这个name定义在了全局，而不是函数内

eval(str2);

console.log(name); //Lily

fun1(); //hello

})();

(function(){

“use strict”; //严格模式

var str1 = “var alias=‘Lily’;”;

var str2 = “function fun2(){console.log(‘hello’);}”;

eval(str1);

eval(str2);

eval(“name = ‘Bob’”); //修改全局变量name

console.log(name); //Bob

console.log(alias); //ReferenceError: alias is not defined

fun2(); //ReferenceError: fun is not defined

})();

在严格模式下，有名参数是arguments参数的静态副本，而非引用。

(function(){

//非严格模式

var name = “Bob”;

test(name);

function test(alias){

alias = “Lily”;

console.log(alias); //Lily

console.log(arguments[0]); //Lily

}

})();

(function(){

“use strict”; //严格模式

var name = “Bob”;

test(name);

function test(alias){

alias = “Lily”;

console.log(alias); //Lily

console.log(arguments[0]); //Bob

}

})();

在严格模式下，用delete删除var声明的变量和不可配置属性时抛出异常，而不是静默失败（返回false)

(function(){

//非严格模式

var a = 10;

var fun = function(){console.log(“fun called”);};

var o = Object.defineProperty({}, “name”, {

value: “Bob”

}); //默认即不可配置

delete a; //false

console.log(a); //10

delete fun; //false

fun(); //fun called

delete o.name; //false

console.log(o.name); //Bob

//删除一个不存在的变量

delete no; //false

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

总结

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

-S6fKRpyG-1710601691508)]

总结

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】