读javascript高级程序设计01

时间:2023-02-13 10:25:06

一. javascript构成

1.javascript实现由三部分组成:

ECMAScript:核心语言功能

DOM:文档对象模型,提供访问和操作网页内容的方法和接口

BOM:浏览器对象模型,提供与浏览器交互的方法和接口。

2. ECMAScript宿主环境:浏览器、Node、Adobe Flash.

二. 在HTML中引入javascript

1.<script>标签:language属性已经废弃,一般使用type="text/javascript";

2.不要再代码中出现</script>,如果需要的话用“<\/script>”;

<script type="text/javascript">
function test()
{
//alert("</script>");//×
alert("<\/script>");//
}
test();


</script>js代码一般放在body中内容的最后,例如<body>...........<script>....</script></body>

3.<noscript>:当浏览器不支持脚本或者脚本被禁用时才会显示<noscript>标签中的内容。

例如:<noscript> 您的浏览器不支持javascript或者已被禁用。 </noscript>

三.基本数据类型

基本数据类型有:null,undefined,string,number,boolean。几点说明:

1. null值表示一个空指针引用,所以typeof null返回结果是object。如果定义一个变量是用来保存引用类型,那最好初始化为null。

2. toString() 转换为字符串:

toString():一般不带参数调用即可,但是null和undefined没有这个方法。

toString()指定基数,可以返回指定进制的字符串。例如:

var n=10;
n.toString(2);//"1010"
n.toString(4);//"22"

 

3.String()转换为字符串:可以将任意类型的值转换为字符串形式。转换规则如下:

如果变量有toString()方法,则调用toString()方法;

如果变量为null,则返回"null";

如果变量为undefined,则返回"undefined"。

var a=10,b,c=true,d=null,e=new Object();
console.log(String(a));
//'10'
console.log(String(b));//'undefined'
console.log(String(c));//'true'
console.log(String(d));//'null'
console.log(String(e));//'[object Object]'

 

四.函数-function

1.函数参数

ECMAScript中的参数是用类似数组的对象来表示的,可以使用arguments对象来访问每一个参数。例如,arguments[0]表示第一个参数,arguments.length表示传进来的参数个数。不过arguments其实并不是Array的实例。

function add(a,b,c){
console.log(arguments
instanceof Array); //false
console.log("args number:"+arguments.length);
if(arguments.length>=3){
return a+b+c;
}
else if(arguments.length==2){
return a+b;
}
else{
return a;
}
}
add(
1);//1
add(1,2)//3
add(1,2,3);//6
add(1,2,3,4,5);//6

ECMAScript中的函数不能重载,但是通过这种方式也可以实现传递可变个数的参数来实现类似功能。

2. 没有传递值得命名参数会自动赋予undefined。

function add(a,b){
return b;
}
add(
1);//undefined
add(1,2)//2

3. arguments与命名参数

如果在函数体中修改arguments的值,那么对应的命名参数也跟着发生变化。

function add(a,b){
arguments[
1]=10;
if(arguments.length>=2){
return a+b;
}
else{
return a;
}
}
add(
1);//1
add(1,2)//11

要注意arguments对象的长度是由调用时实际传入的参数个数决定的,而不是定义时的命名参数个数决定的。例如在上例的在add(1)调用时,只传入了一个参数,对arguments[1]的修改并不会生效。

4. 传递参数

函数的参数是按值传递的。当传递基本类型时,被传递的值被赋给一个局部变量,函数内部的修改不会影响函数外部的变量;当传递引用类型时,会把这个值在内存中的位置赋给局部变量,函数内部的修改会对函数外部有所影响。

//基本类型
function test(a){
a
=100;
return a;
}
var m=1;
var result=test(m);
console.log(m);
//1
console.log(result);//100

//引用类型
function test(a){
a.name
='tom';
return a;
}
var m=new Object();
m.name
='peter';
var result=test(m);
console.log(m.name);
//tom
console.log(result.name);//tom