黑马程序员JS---JavaScript基础

JavaScript基础

----------- android培训、java培训、java学习型技术博客、期待与您交流！ ------------

一、JavaScript概述：

JavaScript是基于对象和事件的脚本语言。（检测：alert（"内容"）；）

特点：

1、安全性（不允许直接访问本地硬盘），它可以做的就是信息的动态交互。

2、跨平台性。（只要是可以解释JS的浏览器都可以执行，和平台无关）

二、JavaScript与Java不同

1、JS是Netscape（网警）公司的产品，Java是Sun公司的产品

2、JS是基于对象（对象都已经封装好了）和事件驱动，Java是面向对象

3、JS只需解释就可以执行，Java需要先编译成字节码文件，再执行

4、JS是弱类型,非严谨语言，Java是强类型

三、JavaScript与Html的结和方式:

想要将其他代码融入到Html中，都是以标签的形式

1、JS代码存放在标签对<script>....</script>中

2、使用script标签的src属性引入一个JS文件。（方便后期维护，扩展）

例：<script  src="test.js"  type="javascript"></script>

注：规范中script标签中必须加入type属性

四、Javascript语法

每一种语言都有自己的语法规则，JS语法语Java很像，搜易学习起来比较容易，JS中也一样有变量，语句，函数，数组等常见语言组成元素

1、变量

1）通过关键字var来定义，弱类型即是不用指定具体的数据类型

例：var x=2;x="hello";

注：JS中特殊的常量值：undefined。当变量没有初始化就被使用，该变量的值就是undefined（未定义）

2）连接两个boolean的表达式，需要使用&&  ||  ；&  | 在js中，是表示位运算。

3）Var x="12"+1;===>x="121"；x="12"-1====>x=11

4）特殊运算符typeof：返回一个操作表达式的数据类型的字符串。(隐式类型)

Var x=3.4;

Var y="123";

Var z=false;

Typeof(x);===>number

Typeof(y);===>string

Typeof(z);===>boolean

5)  var x=false;

alert(x+1);===>2

2、语句（与Java语句格式相同）

1）判断结构（if语句）

注：var x=2;

If(x==3)//可以进行比较运算

If（x=3）//可以进行赋值运算，而且可以同样进行判断，不报错

因为在JS中0就是false，非0就是true（通常用1表示）

所以if(x=3)结果是true；

2）选择结构（switch语句）

3）循环结构（while语句，do...while语句，for语句）

注：不同的是，没有了具体数据类型的限制，使用时要注意。

3、函数

1）一般函数

格式：

Function 函数名（参数列表.....）

{

执行语句：

Return 返回值；

}

函数是多条执行语句的封装体，只有被调用才会被运行。

注意：调用含有参数的函数，但没有给其传值，函数一样可以运行；或者调用没有参数的函数，给其传值，该函数也一样运行。说的简单点：只要写了函数名后面跟了一对小括号，该函数就会运行，那么传递的参数呢？

其实，在函数中有一个参数数组对象（arguments），该对象将传递的参数都封装在一个数组中。

例：

Function  demo()//定义函数  

{

Alert(arguments.length);

}

Demo("hello",123,true);//调用函数

那么弹出的对话框结果是3,如果想得到所有的参数，可以通过for循环遍历该数组

For(var x=0;x<arguments.length;x++)

{

Alert(arguments[x]);

}

为了增强阅读性，最好按照规范，按定义好的形式参数传递实际参数

函数在调用时的其他写法：

Var  show =demo();//show变量接收demo函数的返回值

Var  show =demo;//这种写法是可以的，意为show和demo代表同一个函数。

//那么该函数也可以通过show（）的方式运行（即直接运行demo对应的函数实体）

2）动态函数(相对少用)

通过JS的内置对象function实现

例：var demo=new Function("x,y","alert(x+y);");

Demo(4,6);

等同：

Function demo(x,y)

{

Alert(x+y);

}

Demo(4,6);

不同的是：动态函数，变量以及函数体都可以通过参数进行传递，可以动态指定。

3）匿名函数：

           格式：function(){.......}

 例：var  demo=function(){............}

Demo();

通常在定义事件属性的行为时较为常用。

例：

Function test()

{

alert("load ok");

}

Window.onload = test; (通常用于事件处理)

也可以写成匿名函数的形式：

Window.onload=function()

{

alert("load ok");

}

4、数组

这是JavaScript中唯一的容器

特点：

①什么类型的数据都可以存储，而且同时存储

var arr=["abc",12,true];

②该数组容器的长度是可变的

Arr[0]="ab";

Arr[5]="bn";

建议存储数据时，按照同一类型存储，取出操作时，相对不容易出错

5、JavaScript中的常见内置对象

1）String对象

Var str="abcdef";

方法：

Bold() fontcolor() substr() substring() toLowerCase() toUpperCase()

toString() valueOf()

2)Date对象

var data=new Date();

alert(data.toLocaleDateString());

方法：

如：getDay():0——6代表星期日到星期六   getDate():具体日期   getTime：取得毫秒值 parse()：var str="4-5-2012"; var x=Date.parse(str);

3)Math对象：

方法：

abs：返回绝对值 ceil：返回大于等于其数字参数的最小整数 random：返回介于0和1之间的伪随机数 round：四舍五入 sqrt：返回数字平方根 pow：指数次幂（Math.pow(2,3)：2的3次幂）  exp：返回e的幂（Math.exp(2)：e的2次幂）

floor：返回小于或等于其数值参数的最大整数

4）Global对象（全局对象）

是一个固有对象，目的是把所有全局方法集中在一个对象中。

Global对象没有语法，直接调用其方法。

方法：

如：parseFloat():返回由字符串转换得到的浮点数。 parseFloat ("abc");//返回NaN

parseFloat（"1.2abc"）；//返回1.2

parseInt():返回由字符串转换成整数；也可以将指定进制转成十进制；也可以将小数转成整数。例：parseInt("abc");//返回NaN               parseInt("12abc"); //返回12

可以使用number对象中的toString方法将十进制数据转成其他进制数据。（alert (number .toString (12));）

5）Boolean

boolObj =new Boolean([boolValue])

方法：

valueOf():返回指定对象的原始值    toString():返回对象的字符串的表示形式

6）Array对象

方法：

1、concat()：返回一个新数组，这个新数组是又两个或更多数组组合而成的。

例：var arr=[2,4,1];

var s="abc";

Var arr1=[true,3.14,"lm"];

Arr2=arr.concat(s,arr1); //将其他元素追加到arr数组中，返回一个新数组。

2、join()：返回字符串，其中包含了连接到一起的数组的所有元素，元素由指定的分隔符分隔开来。

例：var arr=[2,1,3];

Arr=arr.join("-");===>2-1-3

3、Pop()：移除数组中的最后一个元素并返回该元素。

例：var arr=[2,4,7];

var b=arr.pop();===>b=7;

4、shift()：移除数组中的第一个元素并返回该元素。（unshift：插入数组的元素）

5、reverse()：返回一个元素顺序被反转的Array对象。

例：var arr=[2,5,8];

var arr1=arr.reverse();===>8,5,2

6、push()：将新元素添加到一个数组中，并返回数组的新长度值。

说明：该方法将以新元素的顺序添加这些元素。如果参数之一为数组，那么该数组将作为一个整个元素添加到数组中。如果要合并两个或多个数组中的元素，那么应该使用concat方法。

7、slice():返回一个数组的一段

例：var arr=[2,3,8,6];

var arr1.slice();

8、sort():返回一个数组，并对该数组进行排序。