JavaScript精粹基础进阶(3)语句

不同类型的循环

JavaScript 支持不同类型的循环：

for- 循环代码块一定的次数

for/in- 循环遍历对象的属性

while- 当指定的条件为 true 时循环指定的代码块

do/while- 同样当指定的条件为 true 时循环指定的代码块

with语句

with 语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。要给对象创建新的属性，必须明确地引用该对象

语法格式

with(object instance)
{
    //代码块
}

举例

function Lakers() {
   this.name = "kobe bryant";
   this.age = "28";
   this.gender = "boy";
}
var people=new Lakers();
console.log(people)
with(people)
{
   var str = "姓名: " + name + "
";
   str += "年龄：" + age + "
";
   str += "性别：" + gender;
   document.write(str);
}
// 姓名: kobe bryant
// 年龄：28
// 性别：boy

1. 让JS引擎优化更难
2. 可读性差
3. 可被变量定义代替
4. 严格模式下被禁用

JavaScript 严格模式

严格模式是一种特殊的执行模式，
它修复了部分语言上的不足，提供更强的错误检查，并增强安全性。

function func() {
    'use strict';
}

'use strict';
function func() {

}

不允许用with

!function() {
    with({x : 1}) {
        console.log(x);
    }
}();
//输出1

!function() {
    'use strict';
     with({x : 1}) {
        console.log(x);
    }
}();
SyntaxError报错

不允许未声明的变量被赋值

!function() {
     x = 1;    //全局变量
      console.log(window.x);
}();
//输出1

!function() {
    'use strict';
     x = 1;
      console.log(window.x);
}();
//ReferenceError
//在use strict如果没有被声明的变量会报错

arguments变为参数的静态副本

arguments.length 属性返回函数调用过程接收到的参数个数：
arguments属性返回函数调用过程接收到的值

一般模式下

!function(a) {
    arguments[0] = 100;//给函数第一个值变成100
    console.log(a);//输出的a变成100
}(1);
//输出100

!function(a) {
    arguments[0] = 100;
    console.log(a);
}();//如果()没有传值arguments长度为空所以更改arguments的值不成立
输出undefined

严格模式下

!function(a) {
    'use strict';
    arguments[0] = 100;
    console.log(a);
}(1);
//1

!function(a) {
    'use strict';
    arguments[0].x = 100;
    console.log(a.x);
}({x:1});
//100

delete参数、函数名报错

一般模式下

!function(a) {
    console.log(delete a);
}(1);
//false

'use strict';模式下

!function(a) {
    'use strict';
    delete a;
}(1);
SyntaxError报错语法错误

delete不可配置的属性报错

一般模式下

!function(a) {
    var obj = {};
    Object.defineProperty(obj, 
        'a', {configurable : false});
    console.log(delete obj.a);
}(1);
//false

'use strict';模式下

!function(a) {
    'use strict';
    var obj = {};
    Object.defineProperty(obj, 
        'a', {configurable : false});
    delete obj.a;
}(1);
//TypeError报错

对象字面量重复属性名报错

一般模式下

!function() {
    var obj = {x : 1, x : 2};//对象属性字面量去重复去写属性，这样也是合法的，属性以最后一个为准
    console.log(obj.x);
}();
//输出为2

'use strict';模式下

!function() {
    'use strict';
    var obj = {x : 1, x : 2};
}();

//严格模式下
//SyntaxError报错

禁止八进制字面量

一般模式下

!function() {
    console.log(0123);//8进制的值
}();
//输出83

在严格模式下是不允许8进制

!function() {
    'use strict';
    console.log(0123);
}();
//SyntaxError报错语法错误

eval, arguments变为关键字，不能作为变量、函数名

一般模式

!function() {
    function eval(){}
    console.log(eval);
}();
//function eval(){}

严格模式

!function() {
    'use strict';
    function eval(){}
}();
//SyntaxError语法错误

eval独立作用域

一般模式

!function() {
    eval('var evalVal = 2;');      //在eval函数下定义变量evalVal等于数字2
    console.log(typeof evalVal);   //evalVal所在的函数内部仍然可以拿到 evalVal
}();
//所以输出number

严格模式

!function() {
    'use strict';
    eval('var evalVal = 2;');    //eval代码会在独立作用域执行
    console.log(typeof evalVal); //这里拿evalVal是拿不到的
}();
//所以输出undefined

严格模式总结

不允许用with
所有变量必须声明, 赋值给为声明的变量报错，而不是隐式创建全局变量。
eval中的代码不能创建eval所在作用域下的变量、函数。而是为eval单独创建一个作用域，并在eval返回时丢弃。
函数中得特殊对象arguments是静态副本，而不像非严格模式那样，修改arguments或修改参数变量会相互影响。
删除configurable=false的属性时报错，而不是忽略
禁止八进制字面量，如010 (八进制的8)
eval, arguments变为关键字，不可作为变量名、函数名等

一般函数调用时(不是对象的方法调用，也不使用apply/call/bind等修改this)this指向null，而不是全局对象。
若使用apply/call，当传入null或undefined时，this将指向null或undefined，而不是全局对象。
试图修改不可写属性(writable=false)，在不可扩展的对象上添加属性时报TypeError，而不是忽略。
arguments.caller, arguments.callee被禁用

严格模式是一种特殊的运行模式，
它修复了部分语言上的不足，提供更强的错误检查，并增强安全性。