高性能データストレージのJavaScript実装の概要

1. JavaScriptには、リテラル、ローカル変数、配列要素、オブジェクトメンバーの4つの基本的なデータアクセス場所があります。
一般的に: [リテラル、ローカル変数] 実行速度 > [配列、オブジェクト メンバー]


2. 内部プロパティには、関数が作成されるスコープ内のオブジェクトのコレクションが含まれます。このセットはスコープ チェーンと呼ばれます。

3. 関数を実行します - > 実行環境の作成 - > アクティブなオブジェクト (つまり、関数ランタイム変数オブジェクト) を作成します。
そのため、同じ関数を複数回呼び出すと、複数の実行環境が作成されることになります。


4. 関数実行プロセス
変数が見つかるたびに、データを取得または保存する識別子解決プロセスが実行されます。このプロセスは、実行環境のスコープ チェーンを検索します。パフォーマンスに影響を与えるのはこの検索プロセスです。


5. 識別子解決のパフォーマンス
グローバル変数は常に
実行環境スコープの末尾に存在します。ローカル変数が最初に解決されます。
経験則: 関数内でクロススコープ値が複数回参照される場合は、それをローカル変数に保存します。

例:

function initUI(){
 var bd=document.body;
 //后面有多次doucument这个全局对象的调用
}
//->优化后
function initUI(){
 var doc=document;
  bd=doc.body;
 //把doucument这个全局对象的引用存储到局部变量doc中
 
}

6. スコープチェーンの変更
一般的に、実行環境のスコープチェーンは変更されません。


を使用すると、スコープチェーンを一時的に変更できます

widthは、オブジェクトのすべてのプロパティの変数を作成するために使用されます

function initUI(){
 with(document){
 var bd=body; 
 }
}

当代码执行到with时，执行环境的作用域链被临时改变了。一个新的变量对象呗创建，它包含了参数指定对象的所有属性。这个对象呗推入作用域链的首位，所以这时候所有的局部变量处于的哥第二个作用域链对象中，因此访问代价更高了。

2cc198a1d5eb0d3eb508d858c9f5cbdbtry-catch

try语句发生错误的时候，执行过程会自动跳转到catch中。然后把异常对象推入一个变量对象并置于作用域的首位。

注意：一旦catch子语句执行完毕，作用域链就会返回到之前的状态。

7.闭包引发的性能问题

闭包是JavaScript最强大的特性之一。

由于闭包包含了执行了与环境作用域链相同对象的引用，函数的活动对象不会被销毁，造成更多的内存开销。

关注的性能点：频繁访问跨作用域的标识符时，每次访问都会带来性能损失。

Start:19:41:45 2015-11-21 引用自by Aaron：/content/3493261.html

8.内存泄露

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。

内存泄露的几种情况

 循环引用

 Javascript闭包

 DOM插入顺序

一个DOM对象被一个Javascript对象引用，与此同时又引用同一个或其它的Javascript对象，这个DOM对象可能会引发内存泄漏。这个DOM对象的引用将不会在脚本停止的时候被垃圾回收器回收。要想破坏循环引用，引用DOM元素的对象或DOM对象的引用需要被赋值为null。

具体的就深入讨论了，这里的总结

 JS的内存泄露，无怪乎就是从DOM中remove了元素，但是依然有变量或者对象引用了该DOM对象。然后内存中无法删除。使得浏览器的内存占用居高不下。这种内存占用，随着浏览器的刷新，会自动释放。

 而另外一种情况，就是循环引用，一个DOM对象和JS对象之间互相引用，这样造成的情况更严重一些，即使刷新，内存也不会减少。这就是严格意义上说的内存泄露了。

以上が高性能データストレージのJavaScript実装の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。