读javascript高级程序设计01-基本概念、数据类型、函数 - 敬YES

读javascript高级程序设计01-基本概念、数据类型、函数

一. 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

posted on 2014-07-06 21:56 敬YES 阅读(1153) 评论(0) 编辑收藏举报

刷新页面返回顶部