深入理解JavaScript特性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了深入理解JavaScript特性相关的知识,希望对你有一定的参考价值。

最近在读《JavaScript高级程序设计》这一本书,里面提到了JavaScript的特征,倍感兴趣,于是结合自己的认识,在这里进行一下总结。

 

1、JavaScript的垃圾回收机制

javascript中的5种数据类型存放在栈中(Undefined、Null、Boolean、Number、String),非基本数据类型存放在堆中,占用内存,堆不会被程序自动释放。

一张图看懂JS中数据类型的存放位置:基本数据类型存放在栈中,非基本数据类型存放在堆中(对象),变量obi1在栈中存储的只是堆中对象的地址。

技术分享

声明变量a=对象,只是声明一个指针地址指向存储该对象的内存空间,每多一个指向同一内存空间的指针地址,该对象的引用计数就会加1。

如果代码在运行过程中有一个对象不再被需要了,但是引用计数不为零,垃圾回收机制就不能释放这块内存,就被称为内存泄漏。

释放内存的方法就是 接触对该内存地址的引用,将引用他的指针地址设置为null,如:a=null;

 

2、JavaScript 单线程(同一个时间只能做一件事)核心特征

JS除了主线程之外还存在一个任务队列,(js单线程所有任务必须排队完成)。

js计算能力很弱如果存在一个耗时较长的任务,后一个任务就必须等待很长时间让前一个任务执行完毕,,如果是网络请求他的耗时完全取决于网络状况,(Ajax)不符合js设计逻辑。

主线程可以忽略io(input/output)设备,挂起处于等待中的任务(监听事件绑定的任务,ajax网络请求)先运行排在后面的任务,,等到io设备有了返回结果,再回过头把挂起任务执行下去 (异步事件)。

 

所有任务分两种synchronous同步事件asynchronous异步事件,在js中:

同步事件在主线程上排队执行(前一个执行完毕,后一个才能执行)。

异步事件不进入主线程,而进入任务队列(task queue),只有任务任务队列通知主线程,某个异步任务可以执行了,该任务才会从任务队列中取出进入主线程。

 

3、JavaScript运行机制步骤

(1)所有同步任务都在主线程上依次执行,形成(执行栈)。栈的定义:先进后出,后进先出。

举个例子:定义三个函数,sayHello函数直接在student函数体内调用,isAdult函数作为参数传给了sayHello函数,在这里isAdult也是一个回调函数。

三个函数进入执行栈的顺序依次是:student,sayHello,isAdult

        function student(){
            var age = 18;
            var name = 小李
            sayHello(name,age,isAdult(age))
            console.log("student函数")   //最后出栈
        }

        function isAdult(age){
            var result = age >= 18 ? 成年:未成年
            console.log("isAdult函数")   //最先出栈
            return result;
        }

        function sayHello(name,age,reust){
            console.log(hello!This is +name+ +age+years old 我 + reust)
            console.log("sayHello函数")
        }
        student();

看输出结果:三个函数进入执行栈的顺序依次是:isAdult,student,sayHello

技术分享

 

(2)主线程之外,存在一个任务队列,只要异步任务有了返回结果,该任务就会被放入任务队列中。

(3)执行栈中所有任务执行完毕后,就会访问任务队列,检查队列中有哪些事件,获取任务队列中最先等待的事件,让该事件进入执行栈,开始执行。

(4)不断重复第三步。

 

4、JavaScript中回调函数callback(事件绑定函数)

例:绑定点击事件,当点击事件触发时 js会调用事件绑定的函数该函数称为事件的回调函数(异步任务必须指定回调函数)。

任务队列 先进先出数据结构,排在前面的事件会先被主线程读取,所以如果队列中有‘定时器‘,定时器未必准时触发,取决于前一个任务队列中的函数执行的结束。

 

5、JavaScript中内存区域

程序运行时,需要内存空间存放数据,分别为stack(栈)和heap(堆)。

栈是有结构的,每个区块按照一定的顺序取存放,可以明确的知道每个区块的大小,而堆是没有结构的,数据任意存放,因此栈的调用要快于堆。

每个线程分配一个栈,每个进程分配一个堆,stack是线程独占,heap是线程公用的。

栈是系统自动开辟的自动释放的, 堆是程序员手动开辟和释放的。


以上是关于深入理解JavaScript特性的主要内容,如果未能解决你的问题,请参考以下文章

深入理解JavaScript中的属性和特性

深入理解JavaScript特性

《深入理解JavaScript》—— ECMAScript5 新特性

深入理解JavaScript系列(48):对象创建模式(下篇)

深入理解javascript中的立即执行函数(function(){…})()

深入理解JavaScript的闭包特性 如何给循环中的对象添加事件