JS 输出与变量

IT/互联网 / 编程语言 养生小编 来源:互联网 132浏览 0评论

1. JS的输出

innerHTML:

<!DOCTYPE html><html><head><meta charset="utf-8"> </head><body><h1>我的第一个 Web 页面</h1><p id="demo">我的第一个段落</p><script>document.getElementById("demo").innerHTML = "段落已修改。";</script></body></html>


document.write():

  在页面载入之后,使用 document.write 后,输出的内容将覆盖原内容。

<!DOCTYPE html><html><head><meta charset="utf-8"> </head><body><h1>我的第一个 Web 页面</h1><p>我的第一个段落。</p><script>document.write(Date());</script></body></html>


  写到控制台的例子在前一篇已经用过了。

 

2. JS变量

  用 内嵌JS的 html + Chrome F12 控制台的模式,调试JS语法。

<!DOCTYPE html><html><head><meta charset="utf-8"> </head><body><h1>我的第一个 Web 页面</h1><p>我的第一个段落。</p><script>c = 20;var d = 25;var myArray = [1, 2, 3, 4, 5];var myObject = {id:1, name:"Hello World"};function myPlus(a, b){    return a + b;}console.log(myPlus(c,d));       //输出 45console.log(myArray[0]);        //输出 1console.log(myArray[1]);        //输出 2console.log(myObject.id);       //输出 1console.log(myObject.name);     //输出 Hello World</script></body></html>

  刚好最近在用 lua,上面这个例子可以看出:

弱类型;变量声明时即赋值,var 可省略;array 与 table 的构成方式与 lua 相同;JS的数组索引从0开始,而不是lua从1开始;

 

3. JS流程控制:

break用于跳出循环。catch语句块,在 try 语句块执行出错时执行 catch 语句块。continue跳过循环中的一个迭代。do ... while执行一个语句块,在条件语句为 true 时继续执行该语句块。for在条件语句为 true 时,可以将代码块执行指定的次数。for ... in用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。function定义一个函数if ... else用于基于不同的条件来执行不同的动作。return退出函数switch用于基于不同的条件来执行不同的动作。throw抛出(生成)错误 。try实现错误处理,与 catch 一同使用。var声明一个变量。while当条件语句为 true 时,执行语句块。


  测试下 switch:

function myCalculator(calc, a, b){    switch(calc)    {        case "plus":            return a + b;        case "minus":            return a - b;        default:            return 0;    }}console.log(myCalculator("minus", 100,19));

  可以看出在流程控制上 JS 的语法与 C/C++ 的写法几乎相同。

 

  再来测试一下 for、for in。

var myArray = [1, 2, 3, 4, 5];var myObject = {id:1, name:"Hello World"};function looplog(paramArray, paramObject){    for(k in paramArray)    {        console.log(k);        //输出 0-4,可见k是索引    }        for(k in paramArray)        {        console.log(paramArray[k]);    }        for(k in paramObject)    {        console.log(k);        //输出 id、name,k仍是索引    }        for(k in paramObject)    {        console.log(paramObject[k]);    }        for(var i = 0; i < paramArray.length; i++)    {        console.log(paramArray[i]);    }}looplog(myArray, myObject);

 

JS 输出与变量

原文:http://www.cnblogs.com/Daniel-Liang/p/5923331.html