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/
本文版权归本人和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连 
接，否则保留追究法律责任的权利。