title: '前端开发系列005-基础篇之JavaScript严格模式'
tags:
- javaScript系列
categories: []
date: 2017-05-01 08:29:13
一、严格模式简单介绍
在JavaScript中有严格模式和非严格模式两种运行环境。
>严格模式的主要特点
> ❏ 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
> ❏ 消除代码运行的一些不安全之处，保证代码运行的安全；
> ❏ 提高编译器效率，增加运行速度；
> ❏ 为未来新版本的Javascript做好铺垫。
严格模式 体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它。此外，同样的代码在严格模式中，可能会有不一样的运行结果甚至是无法运行。掌握严格模式相关的内容有助于更细致深入地理解Javascript，让你变成一个更好的程序员，而实现严格模式 只需要在脚本代码中添加上下面介绍的关键字即可。
关键字 “use strict”;
关键字具体说明
(1) 注意区分大小写，必须全部都是小写的
(2) 注意空格，整个字符串总共10个字符
(3) 单引号和双引号无所谓，但是需要有引号
(4) 必须写在作用域的最顶部，注意其具体的位置
(5) 可以加分号，也可以不加，但是必须是一个字符串
注意 下面的关键字写法均是错误的
"USE strict";
" use strict ";
"("USE strict").toLowerCase();"
二、严格模式使用注意点
> ➥ 严格模式使用注意
> 〇 修正this的值
> ① 所有的变量必须使用var 关键字声明
> ② 不能使用`delete`关键字删除全局变量
> ③ 在对象中不允许有同名的属性
> ④ 函数的参数必须唯一(不能出现同名的参数)
> ⑤ `arguments`对象的行为不同，严格模式下和实参相对独立
> ⑥ 禁用了`argument.callee`和`caller函数`
> ⑦ 不能在if语句中声明函数
> ⑧ 禁止使用`eval`和`argument`作为标识符
> ⑨ 禁用了`with`语句和八进制字面量
001 所有的变量都必须使用var关键字声明
a = 10; //错误的演示
console.log(10);
002 不能使用delete关键字删除全局变量
//在非严格模式下,删除失败(静默失败) 失败了不吭声,严格模式下直接报错
var a = 10;
delete a;
console.log(a);
003 在对象中不允许有同名的属性
//在非严格模式下,会使用后面的属性赋值作为最终值,在严格模式下则直接报错
var obj = {
name:"张三",
name:"李四"
}
console.log(obj);
004 函数的参数必须唯一(不能出现同名的参数)
//在非严格模式下,如果函数在定义的时候,使用了多个同名的参数,则在函数内部形参的实际值为最后一个传入的实参值
//在严格模式下,直接报错
// function func(a,a,a) {
// console.log(a);
// console.log(arguments);
// }
function func(a,b,c) {
console.log(a);
console.log(arguments);
}
func(1,2,3);
005 arguments对象的行为不同
（1）严格模式下,在函数内部修改了对象的指向,对arguments的值不会产生影响
（2）在严格模式下,形参的值和arguments的值是相互独立的,在函数内部修改了形参的值对arguments不受影响
（3）在非严格模式下，修改了形参的值，arguments中的数据会跟着改变
//测试引用类型的值作为函数的参数
function funcName(obj) {
console.log(obj);
console.log(arguments[0]);
//在函数内部修改形参的值
obj = {age:20};
console.log(obj);
console.log(arguments[0]);
}
funcName({name:"张三"});
//测试基本类型数据作为函数的参数
function fun(str) {
console.log(str);
console.log(arguments[0]);
str = "hello";
console.log(arguments[0]);
}
fun("hi");
006 禁用了argument.callee和caller函数
argument.callee是对函数自身的引用 argument.calller是对调用函数的引用
var num = (function (n) {
if (n ==1)
{
return 1;
}
return arguments.callee(n-1) + n;
})(10);
console.log(num); //55
007 不能在if语句中声明函数
//如果在if语句中声明函数，则会产生语法错误
if (true)
{
console.log("________");
function demo() {
console.log("呵呵呵呵");
}
demo();
}
008 禁止使用eval和argument作为标识符
var eval = "测试的字符串";
console.log(eval);
var arguments = "参数列表";
console.log(arguments);
009 修正this的值
在严格模式下,函数this的值始终是指定的值,无论指定的是什么值
var name = "测试的name";
function demoTest() {
//在非严格模式下,打印出来的this为全局的对象window
console.log(this); //在严格模式下打印出来的this为undefined
}
demoTest();
010 禁用了with语句
var o = {name:"暂时干",age:20};
with(o)
{
name = "lisi";
age = 48
}
console.log(o);
11 禁用了八进制
//以0开头的数据常常引起混乱
//var num = 023; //2*8 + 3 ==> 19
//console.log(num); //19
三、严格模式书写格式和作用范围
严格模式书写格式
01 必须使用单引号或者是双引号括住字符串
02 必须使用小写,不能出现大写字符
03 必须是10个字符，不能多和也不能少
04 字符串后面的分号可以省略
05 必须写在当前作用域的最顶上
//"use strict"; //正确写法
//"use strict" //正确写法 分号可以省略
//'use strict'; //正确写法 可以使用单引号
//"use strict"; //错误写法 必须是10个字符
//"use Strict"; //错误写法 所有的字符都必须小写
"use strict";
a = 10;
// "use strict"; //错误写法
b = 20;
console.log(a);
作用范围
① 函数的顶部(只对当前的函数有效)
② script标签的顶部,只对当前的标签有效,对页面中其他的script无效
//位置01 对func01和func02都有效
//"use strict";
function func01() {
//位置02 对func01有效,对func02无效
//"use strict";
a = 10;
console.log(a);
}
function func02() {
//位置03 对func02有效,但对func01无效
//"use strict";
b = 20;
console.log(b);
}
func01();
func02();