js编译语言与解释型语言详解-js教程-PHP中文网

js编译语言与解释型语言详解

小云云

发布： 2018-03-17 17:02:28

原创

1814人浏览过

本文主要和大家分享js基础知识---编译语言与解释型语言，希望能帮助到大家。

1、原始型类型与引用型1. 编译语言与解释型语言的区别

编译型语言：通篇先编译出一个文件，程序会自动执行这个文件。

优点：快；

缺点：不能跨平台。

服务器要求稳定性强，用Linux系统，客户端大多数使用Windows，产生跨平台问题，编译型语言生成的编译文件无法同时多个平台执行。

解释型语言：编译一句执行一句，没有编译文件，相当于直接编译成1010机器语言，然后执行。

优点：跨平台；

缺点：稍微慢。

注意：java严格意义上不算编译语言也不是解释型语言，编译出文件后，java虚拟机解释执行，使java可跨平台。

2. js引擎是单线程-----同一时间只能做一件事

异步----多件事同时执行；同步----等待一件事完成，再做另一件事。

轮转时间片：js看似在同时执行两个动画，实际上是js将两个动画的过程分为无数个稀小的时间片段形成一个栈，每次执行其中一个，争抢时间片没有先后顺序，顺序随机。然后就按栈的顺序执行动画，看似两个都在动而已。

3. 主流浏览器----shell和内核

IE----trident; Chrome-----webkit/blink; firefox---Gecko; safari----webkit; Opera---presto

4. js基础知识点

a 变量名可以由$ _ 英文数字组成，但是首字母只能是$ _ 英文，另外取名避开特殊含义的单词，同时兼顾语义性。

b 原始值：null undefined string number boolean ; 引用值：object array function (其实就是对象类型)

原始值---赋值相当于是给一个复制品放在新的变量里，如果给已经赋值的变量再次赋值，实际上会在内存里将该变量与原来的值切断索引关系，再次在内存里新的地方开一块地方索引为这个变量名，值为新的值。ps 直到内存提示满了，你清空一部分东西，然后再存东西，才会覆盖原先的地方。

var num = 1;
var num1 = num;
num = 2;
console.log(num,num1); //2,1。。。。但是这个num已经不是原来的num了

登录后复制

引用值---相当于是在栈里索引值为这个变量名，值为堆里存这个真正的值的地址，堆里索引为地址，值为真正需要的值，所以变量赋值的时候，相当于是把栈里的值（地址---堆的索引）赋值给新的变量，导致两个变量同时指向一个地址，那么改变这个地址里的东西就会造成两个变量的值都改变。ps 如果给变量赋值（一个新的引用值或者原始值），那么另一个变量不会改变，相当于在堆里重新开一块地方，把这个地址给了变量，另一个变量的地址还是不变。

var arr=[1,2];
var arr1=arr;
arr.push(3);//改变同一个地址的arr的内容，两个变量都会改变
console.log(arr,arr1);//[1,2,3],[1,2,3]
arr=[1];//给arr重新赋值了一个地址，arr1的地址不会发生改变，还是原来的地址
console.log(arr,arr1)//[1],[1,2,3]

登录后复制

具体可以看图，原始值赋值，就是复制一份给另一个变量。引用值就是复制地址给另一个变量，修改这个地址里的东西，会导致两个变量的值都发生改变，引用值重新赋值，相当于重新在栈里开一块内容，然后新给一个地址，不影响另一个元素，并且原来的内存的地方其实还是占用的，只是变回了默认索引，找不到而已。

360截图20180317170252806.jpg