js预编译四部曲,js的预编译

发布时间：2022-11-25

本文目录一览：

1、下面js代码 结果是什么，怎么解释？ 2、JavaScript：函数声明与函数表达式 3、js的执行原理是什么？ 4、如何将javascript代码编译为c++或java 5、JavaScript预编译与执行顺序的关系 6、js执行顺序

下面js代码 结果是什么，怎么解释？

这个题类似的我遇到过，刚运行了一下，是100,10,100，关键是js预编译，类似的题还有 var tt = 'aa'; function test(){ alert(tt); --undefined alert(this.tt);--aa var tt = 'dd'; alert(tt); --dd alert(this.tt);--aa 一个函数被定义的时候 它的“可访问属性链”会被生成，以上函数的可访问属性链 self-window。 当它被执行的时候，首先创建函数自定义的变量（如 var a; 无论a在函数哪个地方定义，函数执行时会首先被创建，值为undifined） 函数引用到一个变量的时候，会循着“可访问属性链”查找，如果自身有定义，则不访问window。 ps 不敢瞎解释，仅代表个人观点，希望有帮助

JavaScript：函数声明与函数表达式

javascript虽然是解释执行的语言，但也会进行预编译。

if(condition){
    function sayHi(){
        alert("Hi!");
    }
}else{
    function sayHi(){
        alert("Yo!");
    }
}

这种形式，JS引擎在预编译的过程中会注册方法到window对象下，就是window.sayHi。 而不会顾及if else条件，导致重复的sayHi方法被注册，在这种情况下是无效语法。

var sayHi;
if(condition){
    sayHi=function sayHi(){
        alert("Hi!");
    };
}else{
    sayHi=function sayHi(){
        alert("Yo!");
    };
}

而下面这种是作为一个 变量（而非函数function），变量是可以被重复赋值的，所以语法不会有问题。 不知道有没有说清楚。

js的执行原理是什么？

JS是解释执行的，即读取一个语句就执行一个。以前的严格JS是以分号为语句的分隔符，但现在一些浏览器已经接受以换行符为分隔符（似乎是很多人喜欢用基于对象的编程了，而在JS中写对象的函数是需要加分号的，所以很多人都爱忘）。 JS本身只提供语法解析与少部分内部函数支持，其他的均由宿主支持。比如在网页JS中的window, document, navigator等对象，均是由浏览器提供基于其它语言的代码，这些代码通常被隐藏，但很大程度上决定了JS的运行效率。如果你有兴趣，打开Chrome，按F12，调处Console，然后输alert（注意没有()），你就会发现[native code]这个东西。

如何将javascript代码编译为c++或java

java是不能够编译C/C文件的。他们原理完全不同。背后的运行机制也完全不一样。 C/C源文件只能够用C/C++的编译器来编译。他们原理完全不同。背后的运行机制也完全不一样。 以GCC编译器为例，整个编译可以分为四步。 第一步是预处理，包括语法检查等工作。

gcc -P abc.c

第二步由源程序生产汇编语言代码。

gcc -S abc.c

会生成abc.s文件，这个文件里就是汇编代码。 第三步编译器生成目标代码，一个源文件生成一个目标代码。

gcc -c abc.c

会生成abc.o 第四步连接器从目标代码生成可执行文件。

gcc abc.o

目标代码包括机器码和符号表（函数及变量名）。连接器的主要作用是通过符号表在库文件和其他模块中找到在目标代码中引入或未定义的符号（函数及变量名），将几个目标代码合成可执行文件。

JavaScript预编译与执行顺序的关系

按照代码块的先后顺序关系，先对代码块进行预编译，再执行。代码块指的是script标签包含的js片段。具体如下： step 1. 读入第一个代码块。 step 2. 做语法分析，有错则报语法错误（比如括号不匹配等），并跳转到step5。 step 3. 对var变量和function定义做“预编译处理”（永远不会报错的，因为只解析正确的声明）。 step 4. 执行代码段，有错则报错（比如变量未定义）。 step 5. 如果还有下一个代码段，则读入下一个代码段，重复step2。 step6. 结束。

js执行顺序

你现在是先定义了函数a，然后定义了函数b，然后再去执行函数a 即使你把代码改成这样依旧能够正常运行

a();
function a() {
    b();
}
function b() {
    console.log(111)
}

因为JS运行环境会把定义的代码（变量/函数）提升到作用域的最前面

推荐文章