JavaScript深入浅出学习笔记（三）—语句博客分类： JavaScript javaScript语句

程序员文章站 2024-03-01 15:52:52

...

JavaScript程序由语句组成、语句遵守特定的语法规则。例如：if语句,while语句,with语句等等。

一.block语句、var语句

1.block语句

block语句常用于组合0-多个语句。块语句用一对花括号定义。

语法：

{

语句1;

语句2;

...

语句n;

}

如：

{
      var str = "hi";
      console.log(str);
}

或

if(true) {
      console.log('hi');
}

注意：

1.console中输入{a:1,b:2}会报错：SyntaxError:Unexpected token:因为被浏览器理解为块了。应该：var o = {a:1,b:2};

2.没有块级作用域，如下两种写法是等价的：

JavaScript深入浅出学习笔记（三）—语句

博客分类： JavaScript javaScript语句
而如下则是函数作用域：

function foo() {
     var a = 1;
     console.log(a);//1
}
foo();
console.log(typeof a);//undefined

2.var语句

function foo() {
     var a=b=1;
}
foo();
console.log(typeof a);//'undefined'
console.log(typeof b);//'number'

正确做法：

function foo() {
     var a=1,b=1;
}
foo();
console.log(typeof a);//'undefined'
console.log(typeof b);//'undefined'

二.try-cath语句

try {
      throw "test";
}catch(ex) {
     console.log(ex);//test
}finally {
     console.log('finally');
}

运行结果：

test
finally

try {
      //do sth
}finally {
      console.log('finally');
}

运行结果：

finally

try {
     try {
            throw new Error("oops");
      }finally {
            console.log("finally");
      }
}catch(ex) {
      console.error("outer", ex.message);
}

运行结果：

finally
outer oops

try {
     try {
            throw new Error("oops");
      }catch(ex) {
            console.error("inner", ex.message);
      }finally {
            console.log("finally");
      }
}catch(ex) {
      console.error("outer", ex.message);
}

运行结果：

inner oops
finally

try {
     try {
            throw new Error("oops");
      }catch(ex) {
            console.error("inner", ex.message);
            throw ex;
      }finally {
            console.log("finally");
      }
}catch(ex) {
      console.error("outer", ex.message);
}

运行结果：

inner oops
finally
outer oops

三.函数、swith、循环

1.函数

函数声明

fd();//true
function fd() {
     //do sth.
     return true;
}

函数表达式

fe();//TypeError
var fe = function() {
     //do sth.
};

2.swith

var val = 2;
switch(val) {
     case 1:
            console.log(1);
            break;
     case 2:
             console.log(2);
             break;
      default:
             console.log(0);
             break;
}
//2

var val = 2;
switch(val) {
     case 1:
            console.log(1);
     case 2:
             console.log(2);
      default:
             console.log(0);
}
//2
//0

val = 2;
switch(val) {
     case 1:
     case 2:
     case 3:
            console.log(123);
            break;
     case 4:
     case 5:
             console.log(45);
             break;
      default:
             console.log(0);
}
//123

3.循环

for...in

var p;
var obj = {x:1,y:2}
for(p in obj) {
}

for...in特点：

a).顺序不确定

b).enumerable为false时不会出现

c).for in对象属性时受原型链影响

4.with语句

with({x:1}) {
      console.log(x);
}
//1

或

with(document.forms[0]) {
       console.log(name.value);
}
或
var form = document.forms[0];
console.log(form.name.value);

实际上，在JavaScript中不建议使用with了，因为：

a.让JS引擎优化更难

b.可读性差

c.可被变量定义代替

d.严格模式下被禁用

四.严格模式

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

1.让函数里的代码在严格模式下运行：

function func() {
     'use strict';
}

2.在整个文件的最开头部分写‘use strict'，这样这个文件内的所有JS代码都在严格模式下执行

'use strict';
function func() {
}

当然，在'user strict'也可以写’abc'等其它语句，但不可以写var a;之类的。

3.严格模式的特点

a).不允许用with