传智播客javascript视频教程（杨中科）学习笔记

这套视频仅仅讲述了JS的调试，引用，array，和for循环的知识。非常的基础，很多其他内容没有涉及到。拿出一天来学习足以。

以下是这套视频的下载地址，共十八级：

http://www.itcast.cn/news/bd4612c7/a940/4585/9153/487bbcc7fcd3.shtml

由于没有下载到课件，便把视频中的知识点一一写了下来，如下：

第一集 javascript简介

1什么是javascript

Html没有计算和判断能力，有时要求能在浏览器进行一些简单的运算和判断。Javascript就是一种在浏览器端执行的语言。

2来源

和java没直接的联系，它只是吸收了java的一些特性。

3本质

Javascript是解释性语言，无需变异就可以随时运行，这样哪怕语法有错误，没有语法错误的部分还是能正确运行。

注：c#可以用csc.exe来进行编译。

第二集  JS入门1

1开发环境

VS2010中可以直接开发；VS2008需要安装VS2008SP1和VS90SP1-KB958502-X86

2关于“.”

JS并不像C#那么严谨，“.”不出来的也许能用，“.“出来的不一定能用

3<script type=”text/javascript”/>标签

将js语句放在次标签中。

4 alert()

相当于c#中的messagebox()

如alert(new Date().tolocalstring());

5 放到head中的<script>在body加载之前就被执行了。

第三集引用外部JS文件

1创建一个common.js文件

文件中直接写js代码

2引用

在html的head标签中写入

<script src=”common.js”type=”text/javascript”/>

第四集事件

1 超链接(HTML)

<a href=”javascript:alert(‘hello’)”>点一下</script>

点击此超链接时，自动执行了js的函数alert;注意alert输入是单引号，这样很方便书写。

注：thunder://迅雷、qq://腾讯、ftp”//是ftp、ed2k://电驴;我们也可以自己自定义一个头。

2超链接事件

<a href=”1.htm”onclick=”alert(‘hello’)”>点一下</a>

3button事件

<input type=”button” value=”点”onclick=”alert(‘点我’)”/>

第五集JS变量

1 JS既可以用双引号声明字符串，也可以用单引号

2 js中有null/undefined两种，都表示一个变量为空，初学者先不管两者区别。

3 JS是若类型语言，因此int i=0是错的；只能通过vari=0;指向int后，一会儿还可以给i指定为其他数据类型,嫁鸡随鸡嫁狗随狗；这区别于c#

第六集 JS的调试

1 js有错误后，ie左下角有黄色‘！’标志

2 将所在html页面设置为起始页，然后打断点；点击启动便可以调试了。

3注意在internet选项-高级-禁用脚本提示取消。

第七集JS判断变量初始化

1 var x;

If(x==null)…

2 if(typeof(x)==”undefined”)…

3 if(!x)….//如果x为空，则！X为true;如果x为false,则！X也为true

第八集函数的声明

1 格式：

Function 函数名（参数1，参数2）//不需要标记参数类型

{ 。。。}

如：function add(i1,i2){

return i1+i2;

}

推荐使用上面的格式，即大括号{与函数头在一行。

2 jS里不要求函数”所有路径都需要返回值“。

第九集匿名函数（类似c#中的匿名函数）

1用法：

Var f1=function(i1,i2){

Return i1+i2;

}

Alert(f1(1,2));

2类似于c#中的匿名函数

3 甚至可以这样用：

Alert(

function(i1,i2){

Return i1+i2;

}（1,2）

);

第十集JS面向对象初步

1JS没有定义类的语法

2用函数闭包模拟类。

3例如：

Function Person(name,age){

  This.Name=name;//不必再定义一个Name变量了。

This.Age=age;

This.sayhello=function(){alert(this.Name)};

}

Var p1=new Person(“tom”,30);//在JS中，方法就可以当做“类“来使用了，JS是没有类的。

P1 .sayhello();

4 还可以在方法外面动态增加属性，如上例中的Person方法：

P1.Gender=”男”;

即实例化Person为P1后，可以为P1增加一个属性Gender;

第十一集 Array对象

1 JS中的数组是一个动态大小的，可以随时加成员

2 用法：

Var names=new Array();

Names[0]=”ss”;

Names[1]=”ee”;

3遍历数组

For(var i=0;i<arr.length;i++){

Alert(names[i]);

}

第十二集 Array联系1求最大值

Function GetMax(arr){

Var max=arr[0];

For(var i=0;i<var.length;i++){

If(arr[i]>max){

Max=arr[i];

}

}

Return max;

}

第十三集array练习2数组反转

将一个字符数组次序反转。注意不要使用JS中的反转函数。

Function MYreverse(arr){

For(int i=0;i<arr .length/2;i++){

Var temp=arr[i];

Arr[i]=arr[arr.length-i-1];

Arr[arr.length-i-1]=temp;

}

Return arr;

}

第十四集array练习3 数组变字符串用’|’隔开

Function myjoin(arr){

If(arr .length<=0){

Return ;

}

Var s=arr[0];

For(var i=1;i<arr.length;i++){

S=s+”|”+arr[i];

}

Return s;

}

第十五集练习4

1实践证明传递arr参数时传递的不是拷贝而是引用。

2在htm中<script>标签中执行JS时方法的定义和调用方法等语句都是并列的，并逐行执行！

第十六集array的字典用法

1 JS中的array既可以是数组，也可以是dictionary，还是一个stack。

2 字典用法：

Var dict=new Array();

Dict[“人”]=”ren”;

Dict[“口”]=”kou”;

Alert(dict[“口”]);

3 也可以当做栈来用。

4 其实数组也可以看做一个特殊的dictionary.

5 通过for来遍历array

For(var k in dict){

Alert(k);//k是dict的序号，而非值。值应该用dict[k]表示。

}

第十七集array的简化声明

1 var arr={3,4,5,6};

2 var arr={“tom”:30,”jim”:20};

3 正式声明方法：var arr=newarray();arr[“0”或者0]=“something”;

第十八集用for获取对象的成员

1 用for取array取到的是key的值。

2 在JS中，对象的成员是以对象的Key的形式出现的。因此获取对象的成员可以像获取array的key一样的语法：

For(var e in 对象)

{

Alert(e);

}