当前位置: 代码迷 >> JavaScript >> javascript 漫笔
  详细解决方案

javascript 漫笔

热度:637   发布时间:2012-10-17 10:25:46.0
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是函数运行时确定才向哪个对象,而函数的调用对象是函数在定义时确定的。函数的调用对象是一个对象链,

?

函数调用对象链

?

当函数在即将执行之前,初始化调用对象的属性,首先初始化形式参数,再扫描函数内具有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的继承树

js继承树

?

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

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

?

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

? <script >

?hitch = function(context,f){

?return function(){

?????? return f.apply(context,arguments);

??? }

?}

?function show(){

??? alert(this.a);

?}

?myF1 = hitch({a:'1'},show);

?myF2 = hitch({a:2},myF1);

?myF1();

?myF2();

? </script>

?

setTimeout()的执行时机

  相关解决方案