javascript_javascript 기술의 변수, 범위 및 메모리 문제에 대해 간략하게 설명합니다.-JS 튜토리얼-php.cn

[변수]

[1] 정의: 불확실한 데이터에 별명을 부여하는 것과 동일한 가변 수량입니다. 변수는 정보를 저장하는 컨테이너입니다.
[2] 특징: js의 변수는 느슨한 유형이며 모든 유형의 데이터를 저장할 수 있습니다. 특정 시점에 특정 값을 담기 위해 사용하는 이름일 뿐입니다. 변수가 보유해야 하는 데이터 유형을 정의하는 규칙이 없으므로 변수의 값과 해당 데이터 유형은 스크립트 수명 동안 변경될 수 있습니다.
[3] 변수 선언 : 변수는 선언 시 값을 할당받을 수 있지만 =, -= 등 다른 연산은 할 수 없습니다.

var a = 2;//是正确的
var a += 2;//是错误的
var a = 2++;//是错误的，++只能用于变量，不能用于常量

로그인 후 복사

[4] 참고: var 연산자로 정의된 변수는 변수가 정의된 범위에서 지역 변수가 됩니다. var 연산자를 생략하면 전역 변수를 만들 수 있지만 엄격 모드에서는 ReferenceError가 발생합니다.

[5]var: var를 사용하여 선언된 변수는 가장 가까운 환경에 자동으로 추가됩니다. var 선언 없이 변수를 초기화하면 해당 변수가 전역 환경에 자동으로 추가됩니다. 엄격 모드에서 선언되지 않은 변수를 초기화하면 오류가 발생합니다.
[6] 로컬 변수: 로컬 환경에 동일한 이름의 식별자가 존재하는 경우 상위 환경에 있는 식별자는 사용되지 않습니다. 지역 변수 color 선언 이후에 있는 코드는 window.color를 사용하지 않고는 전역 색상 변수에 액세스할 수 없습니다

[식별자]

[1]정의: 변수, 함수, 속성 또는 함수 매개변수의 이름입니다.
[2]참고:
[2.1] 첫 번째 문자는 문자, 밑줄 또는 달러 기호여야 합니다. 다른 문자는 문자, 밑줄, 달러 기호 또는 숫자일 수 있습니다. [밑줄은 허용되지 않습니다]
[2.2] 식별자의 문자에는 확장 ASCII 또는 유니코드 알파벳 문자도 포함될 수 있으며 중국어
를 사용할 수 있습니다. [2.3] 식별자는 카멜 케이스 형식이어야 합니다. 첫 번째 숫자는 데이터 유형이어야 합니다.

　　　　数组 　　　　a 　　Array aItems
　　　　布尔值  　　b 　　Boolean bIsComplete
　　　　浮点数  　　f 　　 FLoat fPrice
　　　　函数 　　　　fn 　 Function fnHandler
　　　　整数 　　　　i 　　 Integer iItemCount
　　　　对象 　　　　o 　　Object oDIv1
　　　　正则表达式  re 　 RegExp reEmailCheck
　　　　字符串 　　  s 　　 String sUserName
　　　　变量　　 　　v 　　Variant vAnything

로그인 후 복사

　　[2.4]不能把关键字、保留字、true、false和null用作标识符
　　[2.5]对于不符合标识符命名规则的属性如background-color应写为大括号方式[backgroundColor]
[3]标识符解析:标识符解析是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域链的前端开始，然后逐级地向后回溯，直到找到标识符为止(如果找不到标识符，表示标识符尚未声明，通常会导致错误发生)。
　　[3.1]如果局部环境中存在着同名标识符，就不会使用父环境中的标识符
　　　　e.g. 全局和局部有同名标识符color,任何位于局部变量color的声明之后的代码，如果不使用window.color都无法访问全局color变量
　　[3.2]JavaScript引擎在优化标识符查询方面做得不错，访问全局变量和局部变量的时间差别可以忽略不计

【作用域】(也称为执行环境)

　　[注意]javascript中没有块级作用域
[1]执行环境:执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之相关联的变量对象。环境中定义的所有变量和函数都保存在这个对象中。

[2]全局执行环境:
　　[2.1]全局执行环境是最外围的一个执行环境，在web浏览器中，全局执行环境被认为是window对象。因此所有全局变量和函数都是作为window对象的属性和方法创建的。全局执行环境直到应用程序退出例如关闭网页或浏览器时才会被销毁
　　[2.2]一个页面就相当于一个全局作用域。不论是页面中的js代码，还是引用的外部js文件，最终都会按照在页面中的先后依次解析。

[3]函数执行环境:每个函数都有自己的执行环境，当执行流进入一个函数时，函数的环境就会被推入一个环境栈中，而在函数执行之后，栈将其环境弹出，把控制权返回给之前的执行环境。

[4]作用域链:当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的作用是保证对执行环境有权访问的所有变量和函数的有序访问。作用域的前端始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数，则将其活动对象作为变量对象。活动对象在最开始时只包含一个变量，即arguments对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包含环境，而再下一个变量对象则来自下一个包含环境。这样，一直延续到全局执行环境；全局执行环境的变量对象始终都是作用域链中的最后一个对象。

　　[4.1]作用域链的特点:内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境中的任何变量和函数。这些环境之间的联系是线性、有次序的。每个环境都可以向上搜索作用域链，以查询变量和函数名；但任何环境都不能通过向下搜索作用域链而进入另一个执行环境。

[5]延长作用域链:

　　[5.1]try-catch语句:catch块会创建一个新的变量对象，其中包含的是被抛出的错误对象的声明
　　[5.2]with语句：会将指定的对象添加到作用域链中

function buildUrl(){
  var qs = '&#63;debug=true';
  with(location){
    var url = href + qs;
  }
  return url;
}

로그인 후 복사

【垃圾回收】:javascript具有自动垃圾收集机制，执行环境会负责管理代码执行过程中使用的内存。

[1]垃圾回收机制：找出那些不再继续使用的变量，然后释放其占用的内存，垃圾收集器会按照固定的时间间隔，或代码执行中预定的收集时间，周期性地执行这一操作

[2]垃圾收集标记无用变量的两种策略

　　[2.1]标记清除，标记“进入环境”和“离开环境”。离开作用域的值将被自动标记为可以回收，因此将在垃圾收集期间被删除
　　[2.2]引用计数，跟踪记录每个值被引用的次数。当声明了一个变量并将一个引用类型值赋给该变量时，则这个值的引用次数就是1，如果同一个值又被赋给另一个变量，则该值的引用次数加1，相反，如果包含对这个值的引用的变量又取得了另外一个值，则这个值的引用次数减1，当这个值的引用次数为0时，则说明没有办法再访问这个值了，因此就可以将其占用的内存空间回收回来。
　　　　[2.2.1]引用计数的问题：循环引用：对象A中包含一个指向对象B的指针，对象B中也包含一个指向对象A的指针
　　　　[2.2.2]IE:IE中有一部分对象并不是原生js对象，例如，其BOM和DOM中的对象就是使用c++以COM对象的形式实现，而COM对象的垃圾回收机制采用的就是引用计数策略

var element = document.getElementById('some_element');
var myObject = new Object();
myObject.element = element;
element.someObject = myObject;

로그인 후 복사

　　　　解决办法：为了避免类似这样的循环引用，最好是在不使用它们的时候手工断开

myObject.element = null;
element.someObject = null;
　　　　为了解决此问题，IE9把BOM和DOM对象都转换成了真正的js对象

【内存管理】

[1]主要问题:分配给web浏览器的可用内存数量通常要比分配给桌面应用程序的少，目的是防止运行js的网页耗尽全部系统内存而导致系统崩溃。内在限制问题不仅会影响给变量分配内存，同时还会影响调用栈以及在一个线程中能够同时执行的语句数量

[2]优化方式:为执行中的代码只保存必要的数据。一旦数据不再有用，最好通过将其值设置为null来释放其引用，这种做法叫解除引用。这一做法适用于大多数全局变量和全局对象的属性以及循环引用变量，局部变量会在它们离开执行环境时自动被解除引用。

解除变量的引用并不意味着自动回收该值所占用的内存。解除引用的真正作用是让值脱离执行环境，以便垃圾收集器下次运行时将其回收。