JavaScript基础学习（一）

一、JavaScript概述

JavaScript的历史

1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)
Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript
微软随后模仿在其IE3.0的产品中搭载了一个JavaScript的克隆版叫Jscript.
为了统一三家,ECMA(欧洲计算机制造协会)定义了ECMA-262规范.国际标准化组织及国际电工委员会（ISO/IEC）也采纳 ECMAScript 作为标准（ISO/IEC-16262）。EcmaScript是规范.

ECMAScript

一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：

核心（ECMAScript）
文档对象模型（DOM） Document object model (整合js，css，html)
浏览器对象模型（BOM） Broswer object model（整合js和浏览器）
Javascript 在开发中绝大多数情况是基于对象的.也是面向对象的.

JavaScript的引入方式

{#1 直接编写#}
    <script>
        alert('hello yuan')
    </script>
{#2 导入文件#}
    <script src="hello.js"></script>

二 JavaScript的基础

2.1 变量

1 声明变量时不用声明变量类型. 全都使用var关键字;

2 一行可以声明多个变量.并且可以是不同类型.

3 (了解) 声明变量时可以不用var. 如果不用var 那么它是全局变量.

4 变量命名,首字符只能是字母,下划线,$美元符三选一，且区分大小写，x与X是两个变量

5 变量还应遵守规则：

匈牙利类型标记法
在以 Pascal 标记法命名的变量前附加一个小写字母（或小写字母序列），说明该变量的类型。
例如，i 表示整数，s 表示字符串，如下所示“
Var iMyTestValue = 0, sMySecondValue = "hi";

2.2 基础规范

1 每行结束可以不加分号. 没有分号会以换行符作为每行的结束

2 注释支持多行注释和单行注释. /* */ //

3 使用{}来封装代码块

2.3 常量和标识符

标识符：

2.4 数据类型

数字类型(Number)

整数：
在JavaScript中10进制的整数由数字的序列组成
精确表达的范围是 -9007199254740992 (-253) 到 9007199254740992 (253)
超出范围的整数，精确度将受影响
浮点数：
使用小数点记录数据
使用指数记录数据

16进制和8进制数的表达
16进制数据前面加上0x，八进制前面加0
16进制数是由0-9,A-F等16个字符组成
8进制数由0-7等8个数字组成
16进制和8进制与2进制的换算

字符串(String)

是由Unicode字符、数字、标点符号组成的序列

布尔型(Boolean)

Boolean类型仅有两个值：true和false

Null & Undefined

Undefined 类型
 
Undefined 类型只有一个值，即 undefined。当声明的变量未初始化时，该变量的默认值是 undefined。
 
当函数无明确返回值时，返回的也是值 "undefined";
 
Null 类型
 
另一种只有一个值的类型是 Null，它只有一个专用值 null，即它的字面量。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。
 
尽管这两个值相等，但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值，null 则用于表示尚未存在的对象（在讨论 typeof 运算符时，简单地介绍过这一点）。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。
 
var person=new Person()
 
var person=null

数据类型转换

数字 + 字符串：数字转换为字符串
 
数字 + 布尔值：true转换为1，false转换为0
 
字符串 + 布尔值：布尔值转换为字符串true或false

强制类型转换函数

函数parseInt：   强制转换成整数   例如parseInt("6.12")=6  ; parseInt(“12a")=12 ; parseInt(“a12")=NaN  ;parseInt(“1a2")=1
 
函数parseFloat： 强制转换成浮点数  parseFloat("6.12")=6.12
 
函数eval：       将字符串强制转换为表达式并返回结果 eval("1+1")=2 ; eval("1<2")=true

类型查询函数(typeof)

例如typeof("test"+3)      "string"
例如typeof(null)          "object "
例如typeof(true+1)        "number"
例如typeof(true-false)    "number"

ECMAScript 运算符

ECMAScript 算数运算符

加(＋)、减(－)、乘(*) 、除(/) 、余数(% ) 加、减、乘、除、余数和数学中的运算方法一样

i++相当于i=i+1，i--相当于i=i-1

一元加减法：

NaN:属于Number类型的一个特殊值,当遇到将字符串转成数字无效时,就会得到一个NaN数据

    var a=1;
    a=-a;                 //a=-1
 
    var c="10";
    c=+c;
    alert(typeof (c));  //Number
 
    var d="yuan";
    d=+d;
    alert(typeof(d));   //Number
 
    //NaN特点:
 
    var n=NaN;
 
    alert(n>3);
    alert(n<3);
    alert(n==3);
    alert(n==NaN);
 
    alert(n!=NaN);//NaN参与的所有的运算都是false,除了!=

ECMAScript 逻辑运算符

等于 ( == )  、不等于( != ) 、 大于( > ) 、 小于( < )  大于等于(>=) 、小于等于(<=)
与 (&&) 、或(||) 、非(!)

如果某个运算数不是原始的 Boolean 型值，逻辑 AND 运算并不一定返回 Boolean 值：

如果某个运算数是 null，返回 null。
如果某个运算数是 NaN，返回 NaN。
如果某个运算数是 undefined，返回undefined。

JavaScript中=代表赋值，两个等号==表示判断是否相等

2 == “2”       //true     做转化处理
2 === “2”      //false   不做转化处理

ECMAScript等性运算符

如果一个运算数是 Boolean 值，在检查相等性之前，把它转换成数字值。false 转换成 0，true 为 1。
如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字。
如果一个运算数是对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串。
如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字。

ECMAScript 关系运算符(重要)

比较运算符两侧如果一个是数字类型,一个是其他类型,会将其类型转换成数字类型.

比较运算符两侧如果都是字符串类型,比较的是最高位的asc码,如果最高位相等,继续取第二位比较.

var bResult = "Blue" < "alpha";
alert(bResult); //输出 true　
 
var bResult = "25" < "3";
alert(bResult); //输出 "true"
 
var bResult = "25" < 3;
alert(bResult); //输出 "false"

Boolean运算符(重要)

var temp=new Object();// false;[];0; null; undefined;object(new Object();)
 
    if(temp){
        console.log("yuan")
    }else {
        console.log("alex")
    }

控制语句

if 控制语句

if-else基本格式
if (表达式){
语句１;
......
}else{
语句２;
.....
}

switch 选择控制语句

switch基本格式
switch (表达式) {
    case 值1:语句1;break;
    case 值2:语句2;break;
    case 值3:语句3;break;
    default:语句4;

在多路分支时用switch比if..else if .. else结构要效率高。

for 循环控制语句

for循环基本格式
for (初始化;条件;增量){
    语句1;
    ...
}

while 循环控制语句

while循环基本格式
while (条件){
语句1；
...
}

var i=1;
while (i<=7) {
    document.write("<H"+i+">hello</H "+i+"> ");
    document.write("<br>");
    i++;
}

//循环输出H1到H7的字体大小

异常处理

try {
    //这段代码从上往下运行，其中任何一个语句抛出异常该代码块就结束运行
}
catch (e) {
    // 如果try代码块中抛出了异常，catch代码块中的代码就会被执行。
    //e是一个局部变量，用来指向Error对象或者其他抛出的对象
}
finally {
     //无论try中代码是否有异常抛出（甚至是try代码块中有return语句），finally代码块中始终会被执行。
}

ECMA对象

var o = new Object();

object对象：ECMAScript 中的所有对象都由这个对象继承而来；Object 对象中的所有属性和方法都会出现在其他对象中

ToString() :  返回对象的原始字符串表示。
ValueOf()  : 返回最适合该对象的原始值。对于许多对象，该方法返回的值都与ToString() 的返回值相同

11种内置对象

包括：

Array ,String , Date, Math, Boolean, Number Function, Global, Error, RegExp , Object

Function 对象(重点)

function 函数名 (参数){ 函数体;
    return 返回值;
}

function func1(){
    alert('hello yuan!');
    return 8
}
 
var func1=new Function("name","alert(\"hello\"+name);")
 
// 匿名函数
    var func = function(arg){
        return "tony";
    }
 
// 匿名函数的应用
    (function(arg){
        console.log(arg);
    })('123')

运算符void()作用：拦截方法的返回值

alert(void(fun1(1,2)))

ECMAScript 定义的属性 length 声明了函数期望的参数个数。

alert(func1.length)

函数的调用

function func1(a,b){
 
    alert(a+b);
}
 
    func1(1,2);  //3
    func1(1,2,3);//3
    func1(1);    //NaN
    func1();     //NaN
 
    //只要函数名写对即可,参数怎么填都不报错.
 
-------------------面试题-----------
 function a(a,b){
    alert(a+b);
}
 
   var a=1;
   var b=2;
   a(a,b)

函数的内置对象arguments

function add(a,b){
 
        console.log(a+b);//3
        console.log(arguments.length);//2
        console.log(arguments);//[1,2]
 
    }
    add(1,2)
 
    ------------------arguments的用处1 ------------------
    function nxAdd(){
        var result=0;
        for (var num in arguments){
            result+=arguments[num]
        }
        alert(result)
 
    }
 
    nxAdd(1,2,3,4,5)
 
//     ------------------arguments的用处2 ------------------
 
    function f(a,b,c){
        if (arguments.length!=3){
            throw new Error("function f called with "+arguments.length+" arguments,but it just need 3 arguments")
        }
        else {
            alert("success!")
        }
    }
 
    f(1,2,3,4,5)