Javascript基础(2) - 严格模式特点，前端开发指南

在严格模式下，有名参数是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

})();

(function(){

“use strict”; //严格模式

var a = 10;

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

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

value: “Bob”

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

//delete a; //SyntaxError: Delete of an unqualified identifier in strict mode.

console.log(a);

delete fun; //SyntaxError: Delete of an unqualified identifier in strict mode.

fun();

delete o.name; //SyntaxError: Delete of an unqualified identifier in strict mode.

console.log(o.name);

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

delete no; //SyntaxError: Delete of an unqualified identifier in strict mode.

})();

在严格模式下，arguments和eval是关键字，不能被修改

(function(){

//非严格模式

eval = 10;

eval(“console.log(‘hello’);”); //TypeError: eval is not a function

(function(){

arguments = 20;

console.log(arguments); //20

}());

})();

(function(){

“use strict”; //严格模式

eval = 10; //SyntaxError: Unexpected eval or arguments in strict mode

eval(“console.log(‘hello’);”);

(function(){

arguments =20; //SyntaxError: Unexpected eval or arguments in strict mode

console.log(arguments);

}());

})();

在严格模式下，不可以用8进制

(function(){

//非严格模式

console.log(070); //56 (因浏览器而异)

})();

(function(){

“use strict”; //严格模式

console.log(070); //SyntaxError: Octal literals are not allowed in strict mode.

})();

在严格模式下，函数的形参不可以同名

(function(){

//非严格模式

var one = 1;

var two = 2;

fun(one, two); //2

function fun(a,a){

console.log(a);

}

})();

(function(){

“use strict”; //严格模式

var one = 1;

var two = 2;

fun(one, two);

function fun(a,a){ //SyntaxError: Duplicate parameter name not allowed in this context

console.log(a);

}

})();

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

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

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

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

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

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