<!doctype html><html>
<head>
<title> call - apply for prototype </title>
</head>
<body>
<script type="text/javascript">
var Class = {
create: function() // create Function
{
return function()
{
this.initialize.apply(this, arguments);
}
}
};
var Person = Class.create(); // Create Class Person
Person.prototype = { // prototype initialize
initialize: function(obj1, obj2)
{
this.obj1 = obj1;
this.obj2 = obj2;
},
showSelf: function()
{
alert("obj: " + this.obj1 + " and " + this.obj2);
}
}
// instance Class
var person = new Person("man", "women"); // two params
person.showSelf(); // show person
</script>
</body>
</html>
①var Person = Class.create();通过Class的create()函数创建生成了Person这个Person原型是什么是return function(){this.initialize.apply(this, arguments);}还是this.initialize.apply(this, arguments);②关于类方法与原型方法的区别是什么？类方法不会产生副本，而原型方法会产生副本？对不？
function People(name)
{
this.name=name;
//对象方法
this.Introduce=function(){
alert("My name is "+this.name);
}
}
//类方法
People.Run=function(){
alert("I can run");
}
//原型方法
People.prototype.IntroduceChinese=function(){
alert("我的名字是"+this.name);
} //测试var p1=new People("Windking");p1.Introduce();People.Run();p1.IntroduceChinese();
<head>
<title> call - apply for prototype </title>
</head>
<body>
<script type="text/javascript">
var Class = {
create: function() // create Function
{
return function()
{
this.initialize.apply(this, arguments);
}
}
};
var Person = Class.create(); // Create Class Person
Person.prototype = { // prototype initialize
initialize: function(obj1, obj2)
{
this.obj1 = obj1;
this.obj2 = obj2;
},
showSelf: function()
{
alert("obj: " + this.obj1 + " and " + this.obj2);
}
}
// instance Class
var person = new Person("man", "women"); // two params
person.showSelf(); // show person
</script>
</body>
</html>
①var Person = Class.create();通过Class的create()函数创建生成了Person这个Person原型是什么是return function(){this.initialize.apply(this, arguments);}还是this.initialize.apply(this, arguments);②关于类方法与原型方法的区别是什么？类方法不会产生副本，而原型方法会产生副本？对不？
function People(name)
{
this.name=name;
//对象方法
this.Introduce=function(){
alert("My name is "+this.name);
}
}
//类方法
People.Run=function(){
alert("I can run");
}
//原型方法
People.prototype.IntroduceChinese=function(){
alert("我的名字是"+this.name);
} //测试var p1=new People("Windking");p1.Introduce();People.Run();p1.IntroduceChinese();
re:
是Class的定义关于类方法与原型方法的区别是什么？
re:
类方法(实际是静态方法直接调用)
原型方法(实例化后调用或者直接调用)
function user(a, n){
this.a = a||'年龄';
this.n = n||'名字';
}
//声明静态变量
user.sayname = function(){
alert(this.name);
}
//声明动态变量
user.prototype.sayname2 = function(){
alert(this.name);
}
</script>
静态方法和实例方法调用不同静态方法声明后，就可以直接使用构造函数名来调用，而动态方法调用则需要实例化来引用，这个比较好理解实例方法肯定要实例化才能引用还是上面的例子<script>
function user(a, n){
this.a = a||'年龄';
this.n = n||'名字';
}
//声明静态变量
user.sayname = function(){
alert(this.a);//这里弹出的是“undefined”，找了半天不知道是为什么，望高手指点。
}
//这里声明静态变量后，就可以立即使用了
user.sayname();
//声明动态变量
user.prototype.sayname2 = function(){
alert(this.a);
}
//而实例方法需要实例化来引用
var o = new user();
o.sayname2();
</script>
function user(a, n){
this.a = a||'年龄';
this.n = n||'名字';
}
//声明静态变量
user.sayname = function(){
alert(this.a);//这里弹出的是“undefined”，找了半天不知道是为什么，望高手指点。
}
//这里声明静态变量后，就可以立即使用了
user.sayname();
//声明动态变量
user.prototype.sayname2 = function(){
alert(this.a);
}
//而实例方法需要实例化来引用
var o = new user();
o.sayname2();
</script>
var Person = Class.create();
Person变成了什么样？是变成return function(){this.initialize.apply(this, arguments);} 这样还是this.initialize.apply(this, arguments);这样？Person使用Create是否是静态方法
我可以理解Class.create();和Class.person();是一样的吗？
re:
都是静态方法,但不能划等号,主要因为Class中没有person方法定义
var Person = {
return: function()
{
this.initialize.apply(this, arguments);
}
initialize: function(obj1, obj2)
{
this.obj1 = obj1;
this.obj2 = obj2;
},
showSelf: function()
{
alert("obj: " + this.obj1 + " and " + this.obj2);
}
}这个person变成这样了？
return返回一个函数的例子我没见过，而且initialize这个我也比较混乱，导致到这句
var Person = Class.create();就彻底混乱了。
高手抱歉，把你惹火了。
return {
view_height: function(){
return $(window).height()-parseInt($('td.itembox').offset().top);
},
reference_height:function(){
return parseInt($('#chitmes').css('height'),10)+parseInt($('#channelset').css('height'),10);
},
preview_height:function(){
return parseInt($('#news-preview').css('height'),10);
},
left_width:function(){
return $(window).width()-parseInt($('#navi_left').width())+12;
}
}
})(jQuery);
不要看着不错,就按这个模子写,要知道在什么情况下才需要这么写
create: function() {
return function() {
this.initialize.apply(this , arguments);
}
}
}
// Class使用方法如下
var A = Class.create();
A. prototype={
initialize:function(v){
this .value=v;
}
showValue:function(){
alert(this.value);
}
}
var a = new A(‘helloWord!');
a. showValue();//弹出对话框helloWord！initialize是什么?
apply方法是干什么的？
arguments变量呢？
为什么new A后就会执行initialize方法？
寻找答案：二、 Js的面向对象
initialize是什么?
只不过是个变量，代表一个方法，用途是类的构造函数。
其具体功能靠js的面向对象支持，那么js的面向对象是什么样子的那？和java 的有什么相同与不同？
看代码：代码如下:
var ClassName = function(v){
this.value=v;
this.getValue=function(){
return this.value;
}
this.setValue=function(v){
this.value=v;
}
}
那么JS中的函数和类有什么不同呢？ 其实是一样的，ClassName就是一个函数，当出现在new后面的时候就作为一个构造函数来构造对象。 如代码如下:
var objectName1 = new ClassName(“a”);//得到一个对象其中objectName1就是执行ClassName构造函数后得到的对象，
而在ClassName函数中的this指的就是new之后构造出来的对象，
所以objectName1会后一个属性和两个方法。可以通过这样来调用他们：代码如下:
objectName1.setValue(''hello'');
alert(objectName1.getValue());//对话框hello
alert(objectName1.value) ;//对话框hello那么复制代码
代码如下:
var objectName2 = ClassName(“b”);//得到一个对象这样objectName2得到的是什么呢？显然是方法的返回值，
这里ClassName只作为了一个普通的函数（虽然首字母大写了）。
但是在之前写的ClassName中并没有返回值，所以objectName2会是undifinded那么“b”赋给谁了呢？
在这并没有产生一个对象，而只是单纯的执行这个方法，
所以这个“b”赋值给了调用这个方法的对象window，
证据如下：
var objectName2 = ClassName(“b”);//得到一个对象
alert(window.value)；//对话框b 所以JS中的所有function都是一样的，但是用途可能是不同的（用作构造对象抑或是执行一个过程）。
下面该回到主题了initialize是干什么的？代码如下:
var Class = {
create: function() {
return function() {
this.initialize.apply(this , arguments);
}
}
}
var A = Class.create();这段代码是构造个一个function复制给A，这个function是复制代码
代码如下:
function() {
this.initialize.apply(this , arguments);
}并且后面这个方法是用来做构造函数的。
当使用这个构造函数来构造对象的时候，
会让构造出来的这个对象的initialize变量执行apply()方法，apply()的用途后面在说，
继续说initialize。这样在初始化对象的时候会联系到initialize（怎么联系就要看apply的了）。
那么代码如下:
A.prototype={
initialize:function(v){
this .value=v;
}
showValue:function(){
alert(this.value);
}
}是什么意思呢？ Prototype是“原型”的意思。A是一个function（），那么A. prototype，
就是function中的一个变量，其实是个对象。这个对象拥有什么方法，
那么function产生的对象就拥有什么方法，故
var a = new A(‘helloWord!');
a. showValue();//弹出对话框helloWord！
所以a对象也会有initialize方法，不只如此，每一个有A构造出来的对象都会有一个initialize方法，
而在前面说过，构造的时候会调用构造函数，构造函数里面会让initialize去调用apply方法，
于是在new A(‘helloWord!')的时候initialize回去调用apply方法。
这也就是调用了一个初始化的方法。三、 call()和apply()
下面开始研究apply()，在网上找了几个资料，并结合自己的研究，了解了call()和apply()的功能。
功能基本一样，function().call(object,{},{}……)或者function().apply (object,[……])的
功能就是对象object调用这里的funciton()，不同之处是call参数从第二个开始都是传递给funciton的，可以依次罗列用“，”隔开。而apply只有两个参数，第二个是一个数组，
其中存储了所有传递给function的参数。
this.initialize.apply(this , arguments);
是什么意思？ 这里的第一个this，是指用new调用构造函数之后生成的对象，也就是前面的a，
那么第二个this也当然应该是指同一个对象。
那这句话就是this（也就是a）调用initialize方法，参数是arguments对象（参数的数组对象），
所以在构造函数执行的时候，对象a就会去执行initialize方法来初始化，
这样就和单词“initialize”的意思对上了。 那么执行initialize方法的参数怎么传递进去的呢？四、 Arguments对象
这段代码能说明一切了：代码如下:
function test(){
alert(typeof arguments);
for(var i=0; i<arguments.length; i++){
alert(arguments[i]);
}
}
test("1","2","3");
test("a","b");执行后alert(typeof arguments);会显示object，说明arguments是对象。
然后会依次打出1、2、3。说明arguments就是调用函数的实参数组。代码如下:
var Class = {
create: function() {
return function() {
this.initialize.apply(this , arguments);
}
}
}arguments 就是create返回的构造函数的实参数组，那么在
var a = new A(‘helloWord!');
的时候‘helloWord!'就是实参数组（虽然只有一个字符串），传递给方法apply，然后在调用initialize 的时候作为参数传递给初始化函数initialize。
return {
view_height: function(){
return $(window).height()-parseInt($('td.itembox').offset().top);
},
reference_height:function(){
return parseInt($('#chitmes').css('height'),10)+parseInt($('#channelset').css('height'),10);
},
preview_height:function(){
return parseInt($('#news-preview').css('height'),10);
},
left_width:function(){
return $(window).width()-parseInt($('#navi_left').width())+12;
}
}
})(jQuery);
不要看着不错,就按这个模子写,要知道在什么情况下才需要这么写谢谢了，耽误你这么长的时间非常抱歉。
this.initialize.apply(this, arguments);
}Person.prototype = { // prototype initialize
initialize: function(obj1, obj2){
this.obj1 = obj1;
this.obj2 = obj2;
},
showSelf: function(){
alert("obj: " + this.obj1 + " and " + this.obj2);
}
}Person原型是Function
类方法是类的属性
原型方法是类的原型的属性如Person.showName = function() {} //类方法
Person.prototype.showName = function() {} //原型方法