一、语句
javascript程序由语句组成,语句遵守特定的语法规则。
- block
- break
- continue
- empty
- if...else
- switch
- try catch
- var
- function
- return
- do...while
- for
- for...in
- while
- debugger
- label
- with
1、block语句、var语句
1.1 block语句
块语句常用于组合0~多个语句。块语句用一对花括号定义。
开发中,块语句通常和if for循环 while结合起来用。
注意:
在firefox控制台中输入{a:1,b:2},用作对象字面量时,会报语法错误,因为浏览器把它当成块处理了,如果想让浏览器理解为对象字面量,可以赋值给一个变量或者用括号括起来。
注意:
ES6前没有块级作用域。
1.2声明语句
正确声明方法:var a=1;
坑:var a=b=1;
正确的做法是:var a=1,b=1;
2、try-catch语句
执行try块中的语句。
有异常执行catch。
不管有没有异常,最后都会执行finally从句。
javascript中的try...catch有3种形式:try...catch;try...finally;try...catch...finally。
注意:try...catch嵌套
如果内部的异常没有处理,抛给外面了,在外面处理之前,要先执行里面的finally语句。
1、里面有个try...finally,外面有个try...catch,里面抛出异常。
执行顺序,里面没有catch,所以会跳到最近的一层catch处理,也就是外层的catch处理,但是在跳出里面的block之前需要先执行finally。
所以执行结果是:先"finally",然后是"outer oops"。
2、里面有个try...catch...finally,外面有个try...catch,里面抛出异常。
异常在内部处理过了,自然就不会再抛到外面再去处理。
3、内部try...catch...finally
内部catch中再抛出异常。
此时,在finally执行后,又会输出“outer oops”。
3、函数、switch、循环
function语句用来定义函数对象。
1、函数声明和函数表达式区别
函数声明会被前置,所以在函数声明的代码前置调用也是可以正常执行的。
还可以通过new Function构造器的方式去创建函数对象。
2、for...in坑
注意:
- for...in顺序不确定:具体顺序依赖于引擎的实现
- enumerable为false时不会出现
- for in的对象属性会受原型链的影响
3、switch语句
4、with语句
with语句可以修改作用域
直接x输出1,不用谢对象.x。
在一层层访问很多层关系时,用with会比较方便。
比如在浏览器里想查看form下所有元素时,用
with(document.forms[0]){
console.log(name.value);
}//实际上就是隐式调用了document.forms[0].name.value。
实际上这种深层次的访问,完全可以定义一个变量来代替,比如:
var form=document.forms[0]; console.log(form.name.value);
不建议使用with,因为with会使javascript引擎优化变的更加难,因为在with里面作用域会变得复杂,在with里的每一个语句,每一个变量查询都有考虑到with后面的这个对象。总结:
- 让JS引擎优化更难
- 可读性差
- 可被变量定义代替
- 严格模式下被禁用
二、严格模式
严格模式是一种特殊的执行模式,它修复了部分语言上的不足,提供了更强的错误检查,并增强了安全性。
严格模式是向上兼容的,在用javascript写一些富应用,一些重的应用,或者是写一些node.js后端编程的时候,严格模式下的javascript执行对我们编写高质量、健壮性的代码非常有用。
1、怎样进入严格模式
向上兼容,比如老的IE,不支持严格模式,'use strict';会被当成普通字符串被忽略掉。
1、函数内代码在严格模式下执行
2、整个js文件内全部代码都在严格模式下执行。
在整个js文件开头用'use strict'。
小坑:
‘use strict’;并不一定非要是第一行的代码。在'use strice';前面单引号引起来比如'abc';或者其他指令,这样也是可以的。
如果写了其他的语句,比如var a;varb;这样就不可以了。
2、严格模式和普通模式的区别
- with语句会报SyntaxError错
- 未声明的变量被赋值会报ReferenceError错
- arguments在严格模式下变为参数的静态副本,传入的参数与arguments无关系
- delete参数,函数名会报错
- delete不可配置的属性也会报错
- 对象字面量的重复属性名会报错
- 禁止八进制字面量
- eval,arguments变为关键字,不能作为变量、函数名
- eval变成了独立作用域
1、不允许用with
一般模式输出1,严格模式报一个SyntaxError错误。
解释一下!function(){}():
解释器在解释一个语句时,如果以function开头,就会理解为函数声明。
而前面加一个!可以让解释器理解为函数表达式,这样就可以立即调用了。
!function(){ with({x:1}){ console.log(x); } }();
而省略了!的话:
function(){ with({x:1}){ console.log(x); } }();
就会理解为函数声明,而函数声明没有名字会报错。
2、不允许未声明的变量被赋值
严格模式未声明的变量被赋值会报错ReferenceError。
3、arguments变为参数的静态副本
一般模式下:
arguments和形参有绑定关系,修改了arguments[0]为100,a的值也被改成了100。
!function (a){ console.log(a); //a=1 arguments[0]=100; console.log(a);//a=100 }(1);
坑:
如果a的值不传,a就是undefined,这事修改了arguments[0]=100,a仍然是undefined,不会受arguments影响。
!function (a){ arguments[0]=100; console.log(a); }(); //a=undefined
严格模式:
arguments变成的形参的静态副本,不管a传不传,都不会受argumetns影响。
!function (a){ 'use strict'; console.log(a); //a=1 arguments[0]=100; console.log(a);//a=1 }(1);
注意一点:
虽然说严格模式下arguments和形参a是没有绑定关系的,如果传入了形参是对象,因为javascript中是共享传递的,所以修改了对象的属性,仍然会相互影响。
4、delete参数、函数名报错
一般模式:
把一个参数delete,比如delete a,
!function (a){ //'use strict'; console.log(a); //a=1 console.log(delete a); console.log(a);//a=1 }(1);
实际上这样做没有什么意义,会返回false,并且删除不成功,但是也不会报错。
严格模式:
严格模式下尝试去删除参数,或者函数名的话,会报语法错误:
!function (a){ 'use strict'; console.log(a); //a=1 console.log(delete a); console.log(a);//a=1 }(1);
5、delete不可配置的属性报错
一般模式:
删除configurable标签为false的属性,返回false并且删除失败。
!function (a){ //'use strict'; var obj={}; Object.defineProperty(obj, 'a',{configurable:false}); console.log(delete obj.a); //flase }(1);
严格模式:
试图删除configurable为false的属性时就会报TypeError。
!function (a){ 'use strict'; var obj={}; Object.defineProperty(obj, 'a',{configurable:false}); console.log(delete obj.a); //flase }(1);
6、对象字面量重复属性名报错
一般模式:
对象的属性字面量重复写属性也是合法的,并且属性以最后一个为准。所以下面obj.x为2。
!function (){ //'use strict'; var obj={x:1,x:2}; console.log(obj.x); //2 }();
严格模式:
严格模式下对象字面量重复属性名会报SyntaxError错。但是我在chrome55和firefox51下都没有报错。
!function (){ 'use strict'; var obj={x:1,x:2}; console.log(obj.x); //2 }();
7、禁止8进制的字面量
一般模式:
console.log(0123)会输出83。
!function (){ //'use strict'; console.log(0123); //83 }();
严格模式:
!function (){ 'use strict'; console.log(0123); //83 }();
报错
8、eval,arguments变为关键字,不能作为变量、函数名
一般模式:
!function (){ //'use strict'; function eval(){} console.log(eval); //function eval(){} }();
严格模式:
!function (){ 'use strict'; function eval(){} console.log(eval); }();
9、严格模式下eval变成了独立作用域
一般模式:
eval中定义的变量在eval所在的函数内部仍然可以拿到变量。
!function (){ //'use strict'; eval('var evalVar=2'); console.log(evalVar); //2 console.log(typeof evalVar); //number }();
严格模式:
在严格模式下,eval()中的代码会在一个独立的作用域中执行,所以就拿不到evalVar了。
会报错
!function (){ 'use strict'; eval('var evalVar=2'); console.log(evalVar); console.log(typeof evalVar); }();
参考:
call by sharing——JavaScript中“共享传递”、“按值传递”、“按引用传递”
http://blog.csdn.net/u012860063/article/details/52840275