码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript学习笔记——1.基础知识

时间:2014-12-15 21:43:03      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   使用   sp   for   

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

JavaScript学习笔记——1.基础知识

标签:style   blog   http   io   ar   color   使用   sp   for   

原文地址:http://www.cnblogs.com/zhnoah/p/4164162.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!