JavaScript教程之快速入门

JavaScript教程

js简介

javaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。[1]
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

快速学习

一、使用语法规范

① 在html代码里边引入js语言

    <script  type=”text/javascript”>具体js代码script>
    <script  type=”text/javascript” src=”js文件”>script>

② 代码大小写敏感

true/false       布尔值
TRUE/FALSE   非布尔值

③ 结束符号
  每个简单语句使用”;”分号结束，与php类似

在javascript里边，该分号不是必须的，但是推荐使用
④ 注释
// 单行注释
/多行注释/
⑤ 变量
其值可以发生改变的量就是变量。
变量是内存中运行的最小单位

var name = “tom”;
var age = 23;
var address_123 = ‘北京’;


变量名字命名规则：
js里边：字母、数字、下划线、$符号、汉字 等5个组成部分，数字不能作为名字的开始内容。

    var  shoudu = “xxxx”;
    var abc_$_123 = “hello”;
    var  首都 = “北京”;
    var 99_num = 101;  //错误变量名字

⑥ 数据类型

javascript(6种):  number(int/float)  string   boolean   null   undefined   object
      (数组是对象的一部分)

null类型：空对象 类型。

问：什么时候使用null？
答：使用null声明变量可以提高代码可读性，
可以预先声明一个null类型的变量，后期使用一个具体对象进行赋值。

var  name = “”;
var  age  = 0;
var  per  = null;   //先声明，后期再使用具体对象进行赋值

undefined未定义类型：使用一个没有声明的变量。

⑦ typeof 判断变量的数据类型
判断变量的数据类型

console.log(typeof 10);//number

二、Number数值数据类型

1、分为十进制、八进制、和十六进制
例如：

console.log(10);//十进制
console.log(065);//八进制
console.log(0xbcd);//十六进制

2、浮点数：即点小数点的数

console.log(10.0);
console.log(0.23);
console.log(14.3);

3、最大数和最小数

Number.MAX_VALUE
Number.MIN_VALUE

4、无穷大数
两个最大数的算术和超出了javascript的表示范围，就显示无穷大infinity
或者一个数去除以0，获得的结果也是infinity

console.log(Number.MAX_VALUE*2);

三、运算符

1、算数运算符

+  -   *   /   %取余数(模)    ++  --
i++ : 先赋值、再++计算  
++i : 先++计算，再赋值

注意：
i++和++i在没有赋值的时候进行运算的时候结果是一样的，但是
在赋值的情况下：i++是先赋值再运算，而++i是先自增加一再进行运算。

2、比较运算符

>    <    >=     <=     !=     ==
===全等于    !==不全等于

全等于===：比较值的类型和数据大小
等于==: 比较值的数据大小
console.log(10==’10’);      //true
console.log(10===’10’);     //false
console.log(10===10);       //true

比较运算符的返回信息是boolean结果信息

3、逻辑运算符

逻辑或||：其中之一为真，结果为真
逻辑与&：都为真，结果为真
逻辑或！：结果和运算结果相反

四、流程控制

***顺序结构***
分支选择结构:if  else if  else    switch
循环结构:while(){}   do{}while()   for()

switch用法：

switch(变量){
case  常量:
分支;break;
case  常量:
分支;break;
case  常量:
分支;break;
default:
分支;break;
}

两个关键字：break和continue

break：在循环、switch里边有使用
       结束当前的本层循环，跳出switch的分支结构
continue：在循环里边使用
   跳出本次循环，进入下次循环

注意：可以通过设置标志位来改变

for1
flag:
for2
pig:
for3
for4
break  flag/pig;   //把flag/cat标志的循环给结束
continue  flag/pig;     //结束flag/cat标志的当前循环，进入下次循环

六、函数function

函数声明

1、第一种方式（常规方式）：

function  函数名(){}
    该方式的函数有“预加载”过程，允许我们先调用函数、再声明函数
    **预加载**：先把函数的声明放入内存。代码看起来是先调用、后声明，本质是先声明、后调用的。

函数名();
function  函数名(){}

函数先调用、后声明的条件是：全部代码在同一个”