Javascript cha5 引用类型

0 planning and update

1 希望学习基本引用， object， function； 其他的部分可以晚些时候再弄。 2 然后要看面向对象和匿名函数

1 Object 类型

两种定义Object 的方法

第一种 直接new

var person = new Object();
person.name = "Nick";
person.age =17;
alert(person);

第一行也可以替换成这个 var person ={};

第二种 对象字面量表示法。

var person = {name : "lily",age: 16
};
alert("person: " + person);

注意， 每个attr 后面是逗号； 最后一个attr 没有逗号； 最后面需要一个分号。 下面一个例子是如何用来向函数传递大量参数， 以及对每种参数如何处理的问题。

function display(args){var output ="";if(typeof args.name == "string"){output+=args.name;}if(typeof args.age == "number"){output+=args.age;}alert(output);
}display({name:"nick",age:18
});display({name:"greg"
});

2 Array

3 Date

4 RegExp

5 Function

这是很有趣的一个章节。 这个是cha3的延续。
函数是对象。 这个是java 不同。 函数名其实是指向函数对象的一个指针， 不会与函数本身绑定。

1 如何初始化函数， 两种方式以及区别。

两种做法，
一种函数声明语法， 一种是函数表达式定义， 最后需要一个分号告诉大家赋值结束了。
两种从功能上没有区别， 除了一个先后的问题。

• 比如说函数声明语法定义的， 你也可以把sum 赋值给另外一个对象。

function sum(num1, num2){return num1 + num2;
}
alert(sum(10, 20));//30

var sum2= function(num1, num2){return num1+num2;
};
alert(sum2(10, 20));//30

var sum3= sum;
sum=null;
alert("sum3: " + sum3(10,30));

注意

• 函数名不加括号是指的指针， 而不是要调用函数。 这点很重要。 后面比如返回函数等都是返回指针。

区别

• 还是有些微的区别的。 如果你用的是函数声明， 那么你无论放在那里， 调用都是可以找到的。 就是说可以先调用， 后定义。 因为这个声明会在执行前就调用一下。
• 如果用的函数表达式， 这个是赋值操作，要在执行的时候调用。 你需要确保先定义再调用， 否则会找不到定义。

2 关于重载 - 没有

1） 我觉得是javascript 函数是不区分输入参数的， 不写， 写区别不大。 那么你写两次不会有根据参数不同来调用不同函数的行为。 所以没有重载。
2） 因为函数是对象， 函数名其实是个指针。 那么如果你有两次定义， 后面的定义就把第一次的覆盖掉了。

• 这是书上的解释，这个是也有助于理解没有重载， 因为函数是对象， 而函数名是指针。 那么你函数名如果一样就意味着是指向了新的对象。 自然不会有重载的概念。

3 作为值的函数

可以作为参数， 也可以作为返回值。 这个才是function 最有趣的地方。

注意1 如果函数不带括号， 传递的是函数的指针， 也就是这个函数； 如果带括号， 传递的是这个函数的计算后的结果。

• 三个例子， 一个是作为参数， 一个是作为返回， 一个是用错了括号。

ex1

//method is as the input parameter
function callSomeFunction(functionname, argument1){return functionname(argument1);
}function add10(num1){return num1+10;
}var result =  callSomeFunction(add10, 15);
alert("result: " + result);

ex2:

//method is as the return
function createComparationFunction(parameter){return function(obj1, obj2){var value1= obj1[parameter];var value2= obj2[parameter];if( value1 > value2){return 1;}else if(value2 > value1){return -1;}else{return 0;}};
}
var listName = [{name: "lily", age: 34}, {name: "nick", age: 27}];
listName.sort(createComparationFunction("name"));
alert(listName[0].name);//lily, because l is ahead of n
listName.sort(createComparationFunction("age"));
alert(listName[0].name);//nick, because 27>34

ex3:

//test about functionname and ()
var result =  callSomeFunction(add10(), 15);   //error:TypeError: functionname is not a function
alert("result: " + result);

4 函数的内部属性：arguments, this

首先一个例子是说arguments，

廖的教程中好像看到过，说这个是赠送的属性。 :)

这个例子其实发生的几率不高。 你定义了一个函数， 这个函数内部也引用了这个函数名。 如果外面这个函数名指向了不同的函数， 你再调用原来的函数（当然你肯定已经复制给了一个函数名）， 你可能得不到你想要的结果。 除非你改成 arguments.callee(num-1)。

就是一个练习。

//opt1
function fib(num){if (num<=1){return 1;}else{return num+fib(num-1);}
}
alert("fib 10: " + fib(10)); //55// verify
fib2= fib;
fib=function(){return 0;
};
alert("fib2 10: " + fib2(10)); //10//opt2
function fib_true(num){if (num<=1){return 1;}else{return num+ arguments.callee(num-1);}
}
alert("fib_true 10: " + fib_true(10)); //55
// verify
fib2_true= fib_true;
fib_true=function(){return 0;
};
alert("fib2_ture 10: " + fib2_true(10)); //55

下面是说this

this 是一个很有趣的例子。 指的是执行环境， 在不同的情况是不同的指向。 需要仔细揣摩。

window.color = "red";
var o = {color: "blue"};function sayColor(){alert(this.color);
}// alert(sayColor);//function all
sayColor(); //redo.sayColor = sayColor;
// sayColor();
o.sayColor(); //blue

第一个saycolor， 是 this 是windows。 所以是red。 第二个saycolor， 是在o里面， o 这个对象呢， 既有属性color， 也有一个函数saycolor。

5 函数属性和方法

函数是对象， 那么它就有属于自己的属性和方法。 这里讨论一下它默认的属性和方法。

属性， length， prototype

length 标识函数希望接收的命名参数的个数。 prototype 后面再讨论吧。

方法 call apply

还是很有用的呢。 作用1， 可以传递参数； 作用2， 可以扩充函数作用域。

传递参数， apply 参数是arugument 或者数组。 而call 则必须每个都列出来。 如果都不列就不用就是了。

function sum(num1, num2){return num1 + num2;
}
function sum_apply1(num1, num2){return sum.apply(this, arguments);
}
function sum_apply2(num1, num2){return sum.apply(this, [num1, num2]);
}
alert(sum_apply1(10, 20));
alert(sum_apply2(10, 20));function sum_call(num1, num2){return sum.call(this, num1, num2);
}
alert(sum_call(10, 20));

关于扩充作用域。 如下。

//this
window.color = "red";
var o = {color: "blue"};function sayColor(){alert(this.color);
}sayColor(); //redsayColor.apply(this); //red
sayColor.apply(window); //red
sayColor.apply(o); //blue

Q 1 如何打印一个对象的参数和函数。 2

6 基本包装类型

7 内置对象