javascript 随笔

 

深入理解JS中的函数,对象,及类。

 

Js 高级应用

关于变量作用域

看下面一个例子都可以在全局命名空间内隐藏函数abc,哪个使用方式更好,为什么?

Example1:

var Base = {};

(function(){

    function abc(a){

       alert(a);

    }

    Base.show = function(a){       

       abc(a);

    }

})();

Base.show('ddd');

Base.show('sss');

 

Example2:

var Base = {};

Base.show=function(a){

    function abc(a){

       alert(a);

    }

    abc(a);

}

Base.show('ddd');

Base.show('sss');

变量的作用域

普通变量作用域

对象作用域链

 

一切都是对象

 

函数的本质

函数也是对象,函数拥有对象一切特性,Function是所有函数的构造函数,函数对象的常用方法:

Call(context,arguments);

Applay(context,arguments);

定义方式:

1.  function abc(x,y){return x+y}

2.  var abc = new Function(x,y,”return x+y;”);

3.  var abc = function(x,y){return x+y;}

函数的执行

abc(1,2);

abc.call(null,1,2);

abc.applay(null,[1,2]);

匿名函数

匿名函数就是没有名字的函数,通常使用在eventHandle,forEach,callBack中或其他一次性使用的场合。

定义函数:

function(){/*statement block*/}

使用场合

domNode.onclick = function(e){/*event handle block*/};

dojo.forEach([1,2,3],function(item){show(item)});

dojo.xhrGet{handleAs:’xml’,load:function(){},error:function(){}};

dojo初始化

匿名函数的特殊用处

改变变量作用域,常用来隐藏名字空间

Var Base={};

(function(){

  Var count = 0;

Function Base.getUniqueID(){

    Return count++;

}

})();

函数的属性:

length

指代函数的形式参数,与argumentslength不同,argumentslength是实参个数

prototype对象

构造函数名即类名

任何函数调用其实都是方法的调用

每个function都有prototype属性,所有function都具有该属性,如果该函数作为构造函数创建实例,这创建的实例拥有prototype对象的所有属性,这是js继承的关键。

认识this的本质

this可以出现任何地方,怎样辨别this究竟指代哪个对象,

this是函数运行时确定才向哪个对象,而函数的调用对象是函数在定义时确定的。函数的调用对象是一个对象链,

 

javascript 随笔_第1张图片

 

当函数在即将执行之前,初始化调用对象的属性,首先初始化形式参数,再扫描函数内具有function 声明的函数变量,然后再扫描var 声明的变量,具有相同名称的变量将后面覆盖前面的。但扫描var的变量时,只会在当前的调用对象上查看是否存在该属性,如果不存在,则增加该属性,并初始化为undefined,如果存在则忽略。只有在执行函数内的语句块时,赋值语句才有效,在执行函数阶段,函数的执行上下文则可以访问调用对象链上的所有属性,但嵌套函数内的调用对象如果有父函数调用对象相同属性,将屏蔽父调用对象属性。由于没有引用到调用对象,也没办法引用到调用对象链。

var f =(function(){

    return function(ss){

           ss();

       var ss = function(){

           alert('var define');

       }

       function ss(){

           alert('inner ss');

       };

       ss();

    };

})();

f(function(){alert('outer ss')});

 

var的真正意义,首先在当前函数的调用对象查找是否存在该属性,如果存在则不用定义该属性,否则定义该属性,但不会往父函数的调用对象上查找。

function a(){

       var ss="ss";

       return function(){

           var ss;

           alert(ss);

       }

    }

    var f=a();

    f();

1.  出现在全局空间

This在浏览器环境将指代window,在全局环境变量前加不加var是有区别的,如果前面加var,这该变量不会成为window的属性,否则都会成为window属性

2.  出现在构造函数(类)内

This代表该用该构造函数创建的instance.

3.  出现在方法内

This指代实例对象

严格意义上讲构造函数和方法与普通函数一样,都是函数对象,关键是看函数是怎么被使用的,请看下面例子

 

4.  奇怪的this现象

Function BaseClass(args){

This.name = args.name;

This.age = args.age;

};

BaseClass.prototype.show=function(){

Alert(this.name + “ age is ” + this.age);

}

Var s = new BaseClass({name:’tom’,age:30});

a.  s.show.apply({name:’Jack’,age:40});

b.  s.show.apply(null);

替换函数内的this指代

将方法变成普通函数

Dojo.hitch(context,method);

 

详解Eval

Eval的作用是执行一段js代码,并将该段代码的最后一个语句的执行结果作为返回值,在语句块中,不能有return关键字。Eval中的变量引用为eval执行的context 比如:

var a ="global";

(function (){

var a="local";

eval("alert(a)");

})()

eval("alert(a)");

当用ajax调用从服务器端取得js代码,想在全局环境内执行如何办?

var newEval = function(scriptFragment){

  return window.eval.apply(window,[scriptFragment]);

  }

Dojo.eval

 

Arguments的特殊用途

可以获取当前函数arguments.callee

Function abc(){

Var args=arguments;

Ss(args);

}

Function ss(args){

    Alert(args.callee);

}

JS对象属性的非对称性

类方法及属性

 

function MyClass(){

    this.seltF = function(){};

}

MyClass.prototype.shareF = function(){};

var a = new MyClass();

var b = new MyClass();

alert(a.seltF===b.seltF)

alert(a.shareF === b.shareF)

 

认识js中的命名空间

a.b.c.e = 1;

a = 1;

访问性能,路径越长越慢

 

为什么多个字符串相连接时先用数组保存再连接性能要高?

Var s = s1 + s2 + s3 + s4 + s5 + … +sn

总共需要创建多少个字符串对象 2n -1,如果使用数组则会创建n+1个字符串和一个数组对象,可以算算大概多少个字符串相加时用数组比较合算。

Js的继承树

javascript 随笔_第2张图片

 

Var c1= Dojo.delegate(b1,{a:’s’,b:’f2’});

Js内存泄漏的主要原因及解决方案

 

多次hitch将没有效果,所以应该小心使用

 

 

setTimeout()的执行时机

你可能感兴趣的:(javascript 随笔)