V8引擎类型转换(VIP课程)

这一章是源于一道面试题 完成以下条件并且输出console

if(a == 1 && a == 2 && a == 3) {
    console.log(true)
}

好家伙 乍一看一个变量怎么可能等于三个值?带着疑问我们去深入了解

类型系统

在JavaScript中类型系统不同于别的语言,例如JavaScript 执行一个表达式 '1' + 2等于多少?

  • python

image.png

在python中不允许字符串和数字相加的,因为python虚拟机觉得这是一个无意义的操作。

  • javaScript

image.png

不过在 JavaScript 中执行这段表达式,是可以返回一个结果的,最终返回的结果是字符 串“12”

V8 是怎么执行加法操作的?

  1. 将第一个表达式的值赋给左引用(lref)。
  2. 使用 GetValue(lref) 获取左引用的计算结果,并将其赋值给左值(lval)。
  3. 如果出现错误,使用 ReturnIfAbrupt(lval) 返回错误。如果没有错误,则执行以下步骤:
    a. 将左值(lval)转换为字符串并将结果赋给左字符串(lstr)。
    b. 将右值(rval)转换为字符串并将结果赋给右字符串(rstr)。
    c. 返回左字符串(lstr)和右字符串(rstr)拼接的结果。

接下来,描述了对第二个表达式的处理:
4. 将第二个表达式的值赋给右引用(rref)。
5. 使用 GetValue(rref) 获取右引用的计算结果,并将其赋值给右值(rval)。
6. 如果出现错误,使用 ReturnIfAbrupt(rval) 返回错误。如果没有错误,则执行以下步骤:
7. 使用 ToPrimitive(lval) 获取左值(lval)的计算结果,并将其赋值给左原生值(lprim)。
8. 使用 ToPrimitive(rval) 获取右值(rval)的计算结果,并将其赋值给右原生值(rprim)。

最后,根据左原生值和右原生值的类型进行不同的操作:
9. 如果左原生值(lprim)和右原生值(rprim)中至少有一个是字符串类型,则执行以下步骤:
10. 将左原生值(lprim)转换为数字并将结果赋给左数字(lnum)。
11. 将右原生值(rprim)转换为数字并将结果赋给右数字(rnum)。
12. 返回左数字(lnum)和右数字(rnum)相加的结果。

大概意思就是 V8引擎会提供一个 ToPrimitve 方法 用于获取原始类型 进行强制转换

具体转换的规则如下:

  1. 如果该值已经是原始数据类型(string、number、boolean),则直接返回该值。
  2. 如果其中一项是字符串,那另一项值就会转换成对应的字符串类型。
  3. 如果该值是对象(Object),则调用该对象的 valueOf() 方法,如果返回的结果是原始数据类型,则直接返回该值。
  4. 如果 valueOf() 方法的返回结果不是原始数据类型,则调用该对象的 toString() 方法,如果返回的结果是原始数据类型,则直接返回该值。
  5. 如果 toString() 方法的返回结果不是原始数据类型,则抛出 TypeError 异常。

image.png

看第二条 如果其中一项是字符串另一项值也就是number会进行隐式转换

'1' + Number(2).toString()

数组跟对象也是一样的会调用 valueOf 或 toString 看第四条

let a = '1'

let b = {name:1}

console.log(a + b) //1[object Object]
let a = '1,'

let b = [2,3,4]

console.log(a + b)//1,2,3,4

面试题

我们已经熟知底层原理,就可以做这个面试题了。

当对象参与相等(==)比较时,JavaScript 会尝试将对象转换为原始数据类型。而在这个过程中,JavaScript 会调用对象的 valueOf() 方法的返回结果不是原始数据类型,则调用该对象的 toString() 方法,如果返回的结果是原始数据类型,则直接返回该值

const a = {
    current:1,
    valueOf () {
        return this.current++;
    }
}

if(a == 1 && a == 2 && a == 3) {
    console.log(true)
}

思考题 请问答案是什么 可以发到评论区

const a = {
    valueOf () {
        return 100
    },
    toString () {
        return '200'
    }
}

console.log(a + 3)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/212799.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【1】基于多设计模式下的同步异步日志系统-项目介绍

1. 项目介绍 本项⽬主要实现⼀个日志系统, 其主要支持以下功能: • 支持多级别日志消息 • 支持同步日志和异步日志 • 支持可靠写⼊日志到控制台、文件以及滚动文件中 • 支持多线程程序并发写日志 • 支持扩展不同的日志落地⽬标地 2. 开发环境 • CentOS 7 • vs…

免费网站快速收录工具,2023最新网站收录方法

在当今数字化时代,拥有一个被搜索引擎快速收录的网站对于个人、企业或机构而言至关重要。网站的快速收录意味着更广泛的曝光和更多的访问流量,这对于网络存在的任何实体都是非常有价值的。 网站快速收录的重要性 在庞大的互联网世界中,一切…

汇编学习记录

前言 这篇文章是自己在专升本录取~本科开学前学习记录,破解软件的学习在2022年4月 - 2022年5月,汇编学习时间大约为2022年7月 - 2022年9月,我将往期上传的博文整理为一篇文章,作为归纳总结。 以后若继续学习相关领域,此…

003、应用程序框架-UIAbility

之——UIAbility 目录 之——UIAbility 杂谈 正文 1.UIAbility 2.基本使用 2.1 创建Ability工程 2.2 添加基础功能 2.3 新建页面 2.4 页面间的跳转 3.生命周期 总结 杂谈 UIAbility,其中的页面创建、页面间的跳转、数据传递、生命周期。 正文 1.UIAbil…

【Android】MMKV实现本地持久化

引入 (测试操作机器是华为Mate 20 Pro 128G,Android 10,每组重复1k次,时间单位是ms) 可以看出MMKV的耗时比其他耗时少的离谱。再看多进程下的性能: 不必多说。再看和DataStore的对比: 简介 根据MMKV官方文档所言 MM…

波奇学C++:智能指针(二):auto_ptr, unique_ptr, shared_ptr,weak_ptr

C98到C11:智能指针分为auto_ptr, unique_ptr, shared_ptr,weak_ptr,这几种智能都是为了解决指针拷贝构造和赋值的问题 auto_ptr:允许拷贝,但只保留一个指向空间的指针。 管理权转移,把拷贝对象的资源管理权转移给拷贝…

深度学习记录--计算图(前向后向传播)

什么是计算图? 从一个例子入手: 将函数J的计算用流程图表示出来,这样的流程图被称为计算图 简单来说,计算图是用来显示每个变量间的关系的一种图 两种传播方式 计算图有两种传播方式:前向传播 和 后向传播 什么是前…

手写VUE后台管理系统7 - 整合Less样式

整合LESS 安装使用 Less(Leaner Style Sheets),是一门向后兼容的 CSS 扩展语言。 Less 官网:https://less.bootcss.com/ 安装 yarn add less安装完成就可以直接使用了 使用 以文件形式定义全局样式 在 assets 目录下创建 less …

精准长尾关键词批量挖掘工具,长尾关键词挖掘正确使用方法

互联网时代,SEO已然成为网站推广的关键一环。而在SEO的世界里,长尾关键词无疑是一块被广泛忽视却蕴含着巨大潜力的宝地。 什么是长尾关键词 长尾关键词,指的是那些相对不那么热门、搜索量较低但更为具体、更贴近用户真实需求的关键词。与短…

JAVAEE 初阶 多线程基础(五)

可重入锁 死锁 内存可见性问题 一 可重入锁二.死锁场景1. 一个线程一把锁场景2. 两个线程两把锁场景3. n个线程m把锁(哲学家就餐问题) 三.Java库中的标准类四.内存可见性问题 一 可重入锁 谈到可重入锁,需要再次回顾线程安全问题原因 1.根本原因:线程的抢占式执行,随机调度 2.多…

【Erlang进阶学习】2、匿名函数

受到其它一些函数式编程开发语言的影响,在Erlang语言中,将函数作为一个对象,赋予其“变量”的属性,即为我们的匿名函数 或 简称 fun,它具有以下特性: (匿名函数:不是定义在Erlang模…

基于单片机的多功能视力保护器(论文+源码)

1.系统设计 多功能视力保护器在设计过程中能够对用户阅读过程中的各项数据信息进行控制,整体设计分为亮种模式,分别是自动模式,手动模式。在自动模式的控制下,当单片机检测当前光照不强且有人时就开启LED灯,并且会根据…

uView ui 1x uniapp 表格table行内容长度不一导致高度不统一而出现的不对齐问题

问题 因为td单元格内空长度不定导致行单元格未对齐 解决&#xff1a; 重置td的高度&#xff1a;height:100% 改为height:auto !import <u-table><u-tr v-for"(item,index) in Lineinfo.Cust_Name" ><u-td style"height: auto !important;back…

C++ day49 买卖股票的最佳时机

题目1&#xff1a;121 买卖股票的最佳时机 题目链接&#xff1a;买卖股票的最佳时机 对题目的理解 prices[i]表示一支股票在第i天的价格&#xff0c;只能在某一天买入这支股票&#xff0c;并在之后的某一天卖出该股票&#xff0c;从而获得最大利润&#xff0c;返回该最大值&…

Git中如何按日期进行checkout

Git的checkout命令 在Git中&#xff0c;checkout命令是常用的操作之一。它允许我们切换到不同的分支或指定的提交。通过checkout命令&#xff0c;我们可以在代码库中切换到特定的提交版本&#xff0c;这也意味着我们可以按日期进行checkout。 按日期进行checkout的方法 要按…

Mysql之数据处理增删改

Mysql之数据处理增删改查 插入数据INSERT INTO语句的使用INSERT 与子查询结合 更新数据(修改数据)UPDATE SET语句 删除数据DELETE FROM语句 Mysql8新特性&#xff1a;计算列 插入数据 INSERT INTO语句的使用 用 INSERT INTO 语句&#xff0c;向表中插入数据 方式一&#xff1a;…

从零开始,探索Spring框架的魅力与实践

Spring 1&#xff0c;介绍1.1 为什么要学?1.2 学什么? 2&#xff0c;Spring相关概念2.1 初识Spring2.1.1 Spring家族2.1.2 了解Spring发展史 2.2 Spring系统架构2.2.1 系统架构图2.2.2 spring主要内容 2.3 Spring核心概念2.3.1 目前项目中的问题2.3.2 IOC、IOC容器、Bean、DI…

OpenGL ES入门教程(三)之为平面桌子添加混合色

OpenGL ES入门教程&#xff08;三&#xff09;之为平面桌子添加渐变色 前言零、OpenGL ES实现混合色的原理一、修改绘制的桌子结构1. 三角形扇介绍2. 基于三角形扇结构绘制平面桌子 二、为每个顶点添加颜色属性三、修改着色器1. 顶点着色器2. 片段这色器 四、绘制具有混合颜色的…

微前端实战:打造高效、灵活的前端应用架构

文章目录 一、微前端简介二、微前端的优势1. 高度模块化2. 独立部署3. 易于扩展4. 技术栈无关5. 独立升级 三、微前端的原理四、微前端案例思路《微前端实战》编辑推荐内容简介作者简介目录前言/序言 随着互联网行业的快速发展&#xff0c;前端应用的规模和复杂度也在不断增加。…

k8s部署es和skywalking

使用k8s部署es和skywalking skywalking介绍 skywalking架构 整个架构&#xff0c;分成上、下、左、右四部分&#xff1a; 上部分 Agent &#xff1a;负责从应用中&#xff0c;收集链路信息&#xff0c;发送给 SkyWalking OAP 服务器。目前支持 SkyWalking、Zikpin、Jaeger 等…