JQuery源代码分析与应用(一)


先来看一下JQuery中一些比较常见的javascript的语法吧,了解JQuery的源代码,这是基础,我对Javasript研习得也不深,如有错误,欢迎高手指正。
< script >
(
function (str)
{
    window.$ 
= window.tt = function(f){
        
return f+'sdsd';
    }
;
    tt.prototype 
= {
        init: alert(
'1'),
        rr:alert(
'2')    ,
        j:
function(){return 's'}
    }

    alert(str);
}

)(
' 3 ' );
alert($(
' cc ' ));
var  s  =   new  tt();
alert(s.j());
// alert(s.init);
//
alert(s.init());
</ script >

 执行过程:上面的例子的运行结果是,分别输出1,2,3,ccsdsd,然后是s,为什么呢,程序的执行流程是这样的:(function(str){})('3')这一段其实就是定义一个匿名函数然后立即执行它。然后在定义tt类的原型的时候,给字段赋值同时执行,所以先后输出1,2,然后执行alert(str)语句,str这时等于3,然后执行匿名函数之后的语句,调用function(f){return f+'sdsd';};函数,输出ccsdsd,然后new一个tt的实例s,s将继承tt类中的原型定义中的属性字段,然后调用s中继承的函数function(){return 's'},输出s。


关于prototype:如果将一个属性绑定一个函数,就像上例中的j:function(){return 's'},在调用时要用s.j()而不能用s.j,s.j将输出字符串function(){return 's'},因为在javascript这种动态脚本语言中,任何代码都可以通过eval()函数动态执行,所以,函数赋值给一个属性,其实相当于就是一个字符串。tt的prototype中的每个字段可用字段名加冒号的形式写,冒号一般就是等号的意思,冒号后跟者语句,各个字段之间用逗号隔开,最后一个字段一定不能有逗号,如果是return语句,一定要包含进function内,因为return语句只能作为在函数体内部,作为tt类的对象,s将自动继承tt的prototype的属性.但是,像上例中,如果执行注释掉的alert(s.init);输出是undefined,同样的alert(s.init());也是不行的,因为alert是系统函数,将它赋值给一个变量是没有意义的。



你可能感兴趣的:(JavaScript,jquery,function,prototype,脚本,代码分析)