Python：Day44 Javascript

一个完整的Javascript实现是由三个不同的部分组成：

1、核心 ECMA Javascript

2、浏览器对象模型（DOM） document object model （整合JS、html、CSS）

3、浏览器对象模型（BOM）  broswer object model  （整合JS和浏览器）

Javascript的两种引入方式：

1、直接写在html中的<script>标签中

2、导入外部JS文件，引入格式：<script src="hello.js"></script>

变量：

javascript中声明变量使用var，如var a = 1；同一行也可以声明多个变量，多个变量之间用逗号隔开，如var a =1，b=2，c=3；

每行结束可以不加分号，没有分号会以换行符作为每行结束。

单行注释用//，多行注释用/*  */

标识符：就是我们通常用的变量名

关键字：就是语言定义好的一些具有特殊功能的词，如var、functon等

保留字：就是现在还没有使用，以后可能作为关键字的一些词。

基本数据类型：

Number ：整型、浮点型

String：通过单引号或双引号构成

Boolean：true、false (小写)

Null：占一个对象的位置

Undefined： 如果声明了某个变量，但是未对它赋值，则该变量是undefined，这个值是系统自动赋的

引用数据类型：

object

数据类型的转换：

数字 + 字符串：数据转换为字符串

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

字符串 + 布尔值：布尔值转换为字符串true或false

parseInt(3.14);

parseInt("3.14");

parseInt("3.14a");

parseInt("a3.14");　　//NaN：当字符串转换成数字失败时就是NaN;属于Number数据类型

alert(NaN==0);

alert(NaN>0);

alert(NaN<0);

alert(NaN==NaN);

以上4个都是false。NaN数据在表达式中结果一定为false，除了！=

运算符

算术运算符

++   --

var a = 1;

var b = a++;　　//先赋值后加减  a+=1

alert(b);　　//1

alert(a);　　//2

var a = 1;

var b = ++a;　　　//先加减后赋值

alert(b);　　//2

alert(a);　　//2

var x = 1 ;

alert(x++); 　　//其实是x=x+1，而alert的是前最前的面的一个x，由于此种方式是后赋值，所以alert出来的是1,但是执行完x=2

alert(++x);

alert(--x);

alert(x--);

一元加减法：

var a=3;　　//3

var a="3"　　//3

var a="3.2"　　//3.2

var a="123a456"　　//NaN

var a="123a"　　//NaN

var a="a123"　　//NaN

b=+3

alert(b)

alert(typeof(b))

逻辑运算符：

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

控制语句：

if 控制语句：

if (表达式){
语句１;
......
}else{
语句２;
.....
}

switch控制语句：

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

异常处理：

try { //这段代码从上往下运行，其中任何一个语句抛出异常该代码块就结束运行 }

catch (e)  { //如果try代码块中抛出了异常，catch代码块中的代码就会被执行。

　　　//e是一个局部变量，用来指用error对象或其它抛出的对象 }

finally { //无论try中代码是否有异常抛出（甚至是try代码块中有retrun语句），finally代码块中始终会被执行 }

对象分类：

Javascript的对象分为两种，一种是本地对象（native object）、宿主对象（host object）。本地对象包括内置对象。宿主对象就是浏览器和系统提供的对象。包括DOM和BOM

ECMAScript

Dom：操作与html相关的

BOM：操作与浏览器相关的

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

查看数据类型的两种方法：typeof、instanceof

typeof只能查看基本数据类型：

    a="hello world!";
    b=23.34;
    c=[1,2,3];
    alert(typeof(a));   //string
    alert(typeof(b));   //number
    alert(typeof(c));   //object

instanceof用来判断某个对象是不是属于某种类型：

    var a="hello world!";
    var a1=new String("hello a1");
    var b=23.34;
    var c=[1,2,3];
    alert(a instanceof String); //false,这种方法对简写的变量好像没法判断
    alert(a1 instanceof String); //true
    alert(b instanceof Number); //false
    alert(c instanceof Array);  //true

11种内置对象:

包括：Array，String，Date，Math，Boolean， Number,Function，Global，Error，RegExp，Object

创建对象：

var aa = new String("hello");

var bb = new Array("星期一”,"星期二”,"星期三”,"星期四”)

Array对象：

数组是有序的，可以通过下标取值。

创建Array有两种方式，一种是直接创建，另一种是实例对象。

var arr=[1,2,3,4,'hello']

Array的属性：

获取数组元素的个数：length

    arr=[2,3,'eee',5555];
    alert(arr.length);  //

Array的join方法：

在python中join是字符串的方法，在javascript是Array的方法。

javascript中数组的join方法是将数组中的元素用方法括号中的字符拼接起来。

    arr=[2,3,'eee',5555];
    ret=arr.join("+++++++");
    alert(ret);     //2+++++++3+++++++eee+++++++5555

Array的push、pop方法：

push为压栈（将元素压到数组的最后面）

pop为弹栈（弹出最后一个元素）

    arr=[2,3,'eee',5555];
    arr.push(34,66,'world');    //直接在原数据上面进行操作
    alert(arr);  //2,3,eee,5555,34,66,world
    ret=arr.pop();  //弹出数组最后一个元素，并且将弹出的元素作为返回值返回
    alert(ret); //world

Array的unshift、shift方法：

unshift为添加元素（将元素添加到数组最前面）

shift为移除元素（将数组最前面的元素移除）

    arr=[2,3,'eee',5555];
    arr.unshift(666);
    alert(arr); //666,2,3,eee,5555
    arr.shift();
    alert(arr); //2,3,eee,5555

函数：

function 创建方式1 （推荐方式）

function fun1() {
    alert(123);
    return 8
}

var ret = fun1()
alert(ret)

创建方式2：

var fun2=new Function ("参数1","参数n","函数体");
var add = new Function ("a","b","alert(a+b)")
add(1,2)

function的属性和方法：

alert(add.length);   length是参数的个数

注意：js的函数加载执行与python不同，它是整体加载完才会执行，所以执行函数放在函数声明上面或下面都可以：

匿名函数：

// 匿名函数
    var func = function(arg){
        return "tony";
    }

// 匿名函数的应用
    (function(){
        alert("tony");
    } )()

    (function(arg){
        console.log(arg);
    })('123')