JavaScript学习笔记之基础知识

javaScript学习笔记之基础知识

1.在html中使用js

<script>do something</script><script src="test.js"></script><a href="Javascript:do something">Link</a><button onclick="do something">Button</button>

PS:一个html文件中的多个js片段或js文件是相通的

2.输出

alert('hello world')    //弹框输出document.write('hello world')    //文档内输出console.log('hello world')    //console面板输出

3.语法

命名规范:

  命名要有意义

  不能以数字开头

  不能使用系统关键字、保留字

大小写:

  区分大小写

  变量名和函数名使用驼峰命名(aaaBbbCcc)

  对象名每个首字母都大写(Object)

分号的使用:

var a = true;    //功能执行语句,加分号if(a) {  console.log('hello world!');  }    //结构定义语句,不加分号

注释:

  //    单行注释

  /* */  多行注释

4.变量

  var 变量名 = 变量值;

5.数据类型

typeof()  //可用于输出变量类型

类型包括:

  number  //数字;包括整型和浮点型(处理时还是区分的),因浮点数是近似数,判断时不要使用 ==

  string  //字符;连接使用 + 号,转义使用\

//例:var a = 'world';console.log('\'hello ' + a + '!\'');  //'hello world!'

  boolean  //布尔;

  object  //对象;array及null也属于此类,但处理时还是区分的

  function  //函数;

  undefined  //未定义;

6.运算符

  算数运算符  + - * / % ++ --

  赋值运算符  = += -= *= /= %=

  条件运算符  > < == != >= <= === !==

  逻辑运算符  && || ! ^

  位运算符  >> >>> << | & ~

  三元运算符  ? :

7.流程控制

  顺序结构

  分支结构

if(bool) {...}    //单路if(bool) {...} else {...}    //双路if(bool) {  ...  } else if(bool) {  ...  }else {  ...  }    //多路,用于范围匹配switch(var) {  case value1:     ...     break;      case value2:     ...     break;     default:     ...    }    //多路,用于单个值匹配

  循环结构

while(bool)    //先判断再执行,属于条件型//例:var i = 0;while(i < 100) {  console.log('#');  i++;    }do-while()    //先执行再判断for()    //边判断边执行;属于计数型//例:for(var i=1;i<=9;i++){  for(var j=1;j<=9;j++){    console.log(j+"*"+i+"="+(j*i));  }  console.log("------------------");}break    //退出循环continue    //退出本次循环

  错误处理

try {...}catch(e){...}    //尝试进行及错误处理

作者:@zhnoah出处:http://www.cnblogs.com/zhnoah/本文版权归本人和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。