正文

你不知道的javascript上卷-读书笔记-第2章词法作用域-2.2欺骗词法(代码片段)

笑虾  笑虾  2023-01-26  268

关键词：

你不知道的JavaScript上卷 - 读书笔记 - 第2章词法作用域-2.2 欺骗词法

作用域
`eval`和`with`的缺点

作用域

JavaScript 在ES6以前只有函数作用域。
ES6开始支持块作用域: 通常就是包裹的范围
作用域中查找变量or函数的规则是从当前向上（父集）逐级查找，找到最近的就拿来用。
如果找到顶级（全局作用域：比如浏览器的window对象）还没有，就默认创建一个。
词法作用域的规则决定，所有变量or函数在写代码时就已经确定了他所在的作用域。但是也有动态修改词法作用域的情况比如eval和with。
这两东西都不推荐使用了。但是作为学习理解还是有点用的。

`eval`和`with`的缺点

最直接的就是，有他们的存在使代码变的不确定，所以JS引擎就放弃对这段代码的优化。这导致性能低下。
eval另一个显著的问题就是如果执行的字符串来自外部，很可能存在注入的风险。
with还可能导致意外的修改上级作用域变量。例如下面代码就意外导致创建了一个全局变量 b。这种非预期的行为，会导致我们被莫名的BUG折磨致死。（除非创建全局变量 b就是你想要的结果，但是你也应该选择一个可读性更高的方案来实现）

function test(obj)
  with(obj)
    a = 1;
    b = 2;
  

var obj = a:0;
test(obj);
console.log(obj); // a: 1
console.log(b); // 2

读书笔记《你不知道的javascript（上卷）》——第二部分this和对象原型(代码片段)

文章目录第6章行为委托6.1面向委托的设计6.1.1类理论6.1.2委托理论1．互相委托（禁止）2．调试6.1.3比较思维模型6.2类与对象6.2.1控件“类”ES6的class语法糖6.2.2委托控件对象6.3更简洁的设计反类6.4更好的语法反词法6... 查看详情

你不知道的javascript--上卷--读书笔记2

...以访问它们被定义时所处的作用域中的任何变量，这就是JavaScript的闭包。闭包有哪些应用？　　答：函数作为返回值：functionfoo(){vara=2;functionbar(){//bar拥有涵盖foo作用域的闭包，并对它保持查看详情

你不知道的javascript（上卷）读书笔记之一----作用域

你不知道的Javascript（上卷）这本书在我看来是一本还不错的书籍，这本书用比较简洁的语言来描述Js的那些”坑”，在这里写一些博客记录一下笔记以便消化吸收。1编译原理在此书中，开始便提出:Javascript是一门编译型语言,我... 查看详情

你不知道的javascript-上卷の读书笔记

...; 1— 作用域对JavaScript而言，大部分情况下编译发生查看详情

你不知道的javascript--上卷--读书笔记1

作用域是什么？　　答：在《你不知道的javascript》书中提到，作用域就是根据名称查找变量的一套规则。古语有“无规矩不成方圆”，但是没有方圆，规矩又给谁用？所以个人理解作用域就是“规矩”+”方圆“。作用域是在创... 查看详情

读书笔记你不知道的javascript（上卷）--作用域是什么

...1、理解作用域几个名词的介绍引擎：从头到尾负责整个JavaScript程序的编译及执行过程编译器：负责语法分析及代码生成器等脏活累活作用域：负责收集并维护由所有声明的标识符（变量）组成的一系列查询，并实施一套非常严... 查看详情

javascript中的this—你不知道的javascript上卷读书笔记

this是什么？this是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。this的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。当一个函数被调用时，会创建一个活动记录（有时... 查看详情

你不知道的javascript（上卷）读书笔记之二----词法作用域

...要的工作类型，一种是词法作用域，一种是动态作用域，Javascript采用的是词法作用域，关于动态作用域的有兴趣的可以自行Google。1.词法阶段首查看详情

你不知道的javascript(上卷)

第一部分作用域和闭包第1章作用域是什么　　1.1编译原理　　1.2理解作用域　　　　1.2.1演员表　　　　1.2.2对话　　　　1.2.3编译器有话说　　　　1.2.4引擎和作用域的对话　　　　1.2.5小测验　　1.3作用域嵌套　　1.4异常　　1... 查看详情

《你不知道的javascript上卷》学习笔记(代码片段)

第一部分：作用域和闭包一、作用域1.作用域：存储并查找变量的规则2.源代码在执行之前（编译）会经历三个步骤：分词/此法分析：将代码字符串分解成有意义的代码块（词法单元）解析/语法分析：将词法单元流转换成抽象语... 查看详情

你不知道的javascript（上卷）小结

上卷主要讲了作用域、闭包、this以及原型方面的内容。整体在github上瞥了一眼了原版的ydkjs，到目前修改篇幅有点大了，this和原型部分的目录已经不见了，应该是改动不少。说说本书的小缺点，一是，有些东西已经和实际不一... 查看详情

你不知道的javascript中，读书笔记

七种内置类型null,undefined,boolean,number,string,object,symboltypeofnull===‘object‘//truenull是typeof是object的唯一的假值typeoffunction会返回‘function‘使用typeofx!==‘undefined‘比直接判断x更加安全，因为不会引发referenceerror 查看详情

你不知道的javascript（上卷卷）笔记

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>你不知道的javascript（上卷）</title></head><body></body></html>　　查看详情

你不知道的javascript（上卷）pdf

...sp; 内容简介 · · · · · ·JavaScript语言有很多复杂的概念，但却用简单的方式体现出来（比如回调函数），因此，JavaScript开发者无需理解语言内部的原理，就能编写出功能全面的程序；就像收音机... 查看详情

读书笔记-你不知道的js中-promise

继续填坑模式　　考虑下面的代码：functionfn(x){//dosomethingreturnnewPromise(function(resolve,reject){//调用resolve(..)和reject(...)});}varp=fn(2);　　newPromise(..)模式通常称为revealingconstructor。传入函数会立即执行(不会像then(..)中的回调一样异步延查看详情

读书笔记-你不知道的js上-闭包与模块

闭包定义　　当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。　　看一段最简单的闭包代码：functionfoo(){vara=2;//闭包functionbar(){console.log(a);}returnbar;}//理论上foo执行完内部... 查看详情

读书笔记-你不知道的js上-对象

好想要对象··· 　　函数的调用位置不同会造成this绑定对象不同。但是对象到底是什么，为什么要绑定他们呢？（可以可以，我也不太懂）　　语法　　对象声明有两个形式：　　1、字面量=>varobj={...};　　2、构造形式=&g... 查看详情

你不知道的javascript笔记

规避冲突functionfoo(){functionbar(a){i=3;console.log(a+i);}for(vari=0;i<10;i++){bar(i*2)}} //11无限死循环区分函数声明和函数表达式最简单的方法是看function关键字出现的位置，如果function是声明中的第一个词，那么是函数声明，否则是... 查看详情

正文