原文链接：http://www.cnblogs.com/yangxiaoguai132/p/5064625.html

最近在学习javascript过程中，接触了LHS与RHS的概念，刚开始的时候有点理解不清，现在做一些梳理，方便以后进行理解。

LHS与RHS：javascript引擎的两种查找类型，含义是赋值操作的左侧与右侧。

LHS:对哪个赋值就对哪个进行LHS引用，可以理解为赋值操作的目标。

RHS:需要获取哪个变量的值，就对哪个变量的值进行RHS引用，理解为赋值操作的源头。

赋值操作有多种形式，对于以上的两种对LHS与RHS的解释，我刚刚接触，还是很混乱。

我的理解就是，一般在左边的需要被赋值，就是LHS引用，右边需要寻找到他的值，就是RHS引用。

例如：

1 function foo(a){

2 var b=a;

3 rerurn a+b;

4 }

5 var c=foo(2);

以上代码中有3个LHS与4个RHS，分析如下：

第一，var c中的c需要被赋值，在赋值操作的左侧，所以对c进行LHS引用

第二，变量c需要被赋值，他的值是foo(2),那么foo(2)的值是多少呢，需要查找foo(2)的值，在赋值操作的右侧，所以对foo(2)进行RHS引用

第三，隐含赋值操作，将2传递给function foo(a){……}函数的参数a，a在赋值操作的左侧，对a进行LHS引用

第四，var b=a;中，b需要被赋值，处在赋值操作的左侧，所以b进行的LHS，b的值将从a来，那么右侧的a的值从何而来呢？这就需要对赋值操作右侧的a进行RHS。

第五，return a+b;中，需要找到a与b的值的来源，a与b都在赋值操作的右侧，才能得到a+b的值，所以对a与b都是进行RHS引用。

为什么要区分LHS与RHS？

因为在变量还没有声明(在任何作用域中都无法找到该变量)情况下，这两种查询行为是不一样的。

例如：

1 function foo(a){

2       console.log(a+b);

3       b=a;

4 }

5 foo(2);

以上代码对b进行RHS的时候无法找到该变量的值，则会抛出ReferenceError异常，如果是LHS找不到变量，非严格模式下，会在全局作用域中，创建一个具有该名称的变量，严格模式下，会抛出与RHS类似的异常。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script type="text/javascript">

          function init(a){

               b=a+3;

          }

      init(2);

      alert(b);//5

    </script>

</head>

<body>

</body>

</html>

以上代码中，对b进行LHS没有找到该变量，在全局作用域中创建了一个同名的变量b，在函数init外部可以访问到b变量。

如果将代码更改为如下:

 1 <!DOCTYPE html>

 2 <html lang="en">

 3 <head>

 4     <meta charset="UTF-8">

 5     <title>Document</title>

 6     <script type="text/javascript">

 7           function init(a){

 8                 var b=a+3;

 9

10           }

11       init(2);

12       alert(b);

13     </script>

14 </head>

15 <body>

16

17 </body>

18 </html>

在function中定义了一个局部变量b，全局作用域中定义，控制台报错如图显示，窗口中没有任何输出

将代码改成如下：

 1 <!DOCTYPE html>

 2 <html lang="en">

 3 <head>

 4     <meta charset="UTF-8">

 5     <title>Document</title>

 6     <script type="text/javascript">

 7           function init(a){

 8                var b=a+3;

 9

10           }

11       init(2);

12       alert(window.b);//undefined

13     </script>

14 </head>

15 <body>

16

17 </body>

18 </html>

将代码改成如上所示，控制台并没有报错， 因为window.b作为window的一个属性访问，所以会返回undefined，而b作为一个变量没有定义的时候是会报错的

【转】javascript中的LHS与RHS的更多相关文章

  1. javascript中的LHS与RHS

    最近在学习javascript过程中,接触了LHS与RHS的概念,刚开始的时候有点理解不清,现在做一些梳理,方便以后进行理解. LHS与RHS:javascript引擎的两种查找类型,含义是赋值操作的 ...

  2. javascript中的LHS和RHS

    最近在拜读<你不知道的javascript>,接触到一个比较陌生的概念,LHS查询和RHS查询. 简单的一句话来讲,当变量出现在赋值操作符的左侧时进行LHS查询,出现在右侧时进行RHS查询 ...

  3. JavaScript中变量的LHS引述和RHS引用

    JavaScript中变量的LHS引述和RHS引用 www.MyException.Cn  网友分享于:2015-02-04  浏览:0次 JavaScript中变量的LHS引用和RHS引用 在Jav ...

  4. 你不知道的JavaScript LHS 和 RHS 查找

    今天在学习JavaScript的相关知识时接触到了 LHS(Left Hand Side)和 RHS(Right Hand Side)两种对变量查找的方法,之所以JavaScript要查找变量,那就先 ...

  5. JavaScript 的查询机制——LHS 与 RHS

    JavaScript 引擎在查找一个变量的时候,有两种查找机制:LHS 和 RHS. RHS 的查询是简单地查找到某个变量的值,而 LHS 则是试图找到变量的容器的本身. 一个简单的例子:当我们执行 ...

  6. JavaScript之找LHS查询和RHS查询

    LHS和RHS,当变量出现在赋值操作的左侧时进行LHS 查询,出现在右侧时进行RHS 查询. LHS 查询是试图找到变量的容器本身,从而可以对其赋值. RHS 理解成retrieve his sour ...

  7. JavaScript中的this（你不知道的JavaScript）

    JavaScript中的this,刚接触JavaScript时大家都在大肆渲染说其多么多么的灵巧重要,然而自己并不关心:随着自己对JavaScript一步步深入了解,突然恍然大悟,原来它真的很重要!所 ...

  8. Javascript中的this（七）

    一.为什么要用this      通过this可以在不同的上下文对象中重复使用函数 二.this是什么      this就是我们说的执行上下文(包含调用栈(哪里被调用).函数的调用方式.传入的参数等 ...

  9. js的两种查询方式 LHS and RHS

    为了进一步理解,我们需要多介绍一点编译器的术语.编译器在编译过程的第二步中生成了代码,引擎执行它时,会通过查找变量 a 来判断它是否已声明过.查找的过程由作用域进行协助,但是引擎执行怎样的查找,会影响 ...

随机推荐

  1. 在unity3d游戏中添加中文语音控制

    最近打算尝试一下OLAMI在游戏中应用的可能性,这里做一下记录. unity官方教程中的几个项目很精简,但看起来很不错,里面有全套的资源.最后我选择了tanks-tutorial来做这个实验. 下载和 ...

  2. windows消息简单应用实例

    //基本定义 internal class MyMessager : IMessageFilter { public bool PreFilterMessage(ref Message m) { // ...

  3. 【20171028早】ubuntu 16.04 LTS 安装php遇到的问题

    背景: 10月28日的一个早上,老黑一如往常地练习,我测试不破坏,当时我找到sqli-libs 游戏,可是我没有立即开始,于是,奇妙的事情就由php开始了.ubuntu16.04安装相关环境 apac ...

  4. 解决IDEA Struts2 web.xml问题

    用IDEA整合SSH时,在web.xml中配置Struts2核心过滤器--"<filter-class>org.apache.struts2.dispatcher.ng.filt ...

  5. 【每天半小时学框架】——React.js的模板语法与组件概念

           [重点提前说:组件化与虚拟DOM是React.js的核心理念!]        先抛出一个论题:在React.js中,JSX语法提倡将 HTML 和 CSS 全都写入到JavaScrip ...

  6. PHP读取数据库表显示到前台

    <?php$username=$_GET['uid']; //获取一个值作为查询条件 $result=$db->query("select * from trip where a ...

  7. Java面试常会被问到的经典面试题，学习或者求职，你都要好好掌握

    Java现在的热度虽然有所下降,但是,学Java的人依旧很多..Java的岗位也是渗透很多.那么,那些经典的Java知识点,你能看到问题就能说出一二三吗?来一起看看.. 1.JDK和JRE的区别 2. ...

  8. 都说 WebP 厉害，究竟厉害在哪里？

    之前在< WebP 的前世今生 >一文中,介绍了 WebP 图片格式是由 Google 基于 VP8 视频编码格式研发的,同时提供有损压缩和无损压缩两种格式,那么今天就来看看 WebP 有 ...

  9. kafka学习笔记2:生产者

    这次的笔记主要记录一下kafka的生产者的使用和一些重要的参数. 文中主要截图均来自kafka权威指南 主要涉及到两个类KafkaProducer和ProducerRecord. 总览 生产者的主要架 ...

  10. UWP Composition API - RadialMenu

    用Windows 8.1的童鞋应该知道OneNote里面有一个RadialMenu.如下图,下图是WIn10应用Drawboard PDF的RadialMenu,Win8.1的机器不好找了.哈哈,由于 ...