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.rhkb.cn/news/208751.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

深度学习 -- 卷积神经网络

1、卷积神经网络的结构 大卫休伯尔( David Hunter Hubel ) 等人研究发现,猫的视皮层上 存在简单细胞( simple cell )和复杂细胞( complex cell ),简单细胞会对 感受野中特定朝向的线段做出反应,而复杂细胞对于特定朝向的钱段移动也能做出反应…

使用Docker Compose搭建CIG监控平台

CIG简介 CIG监控平台是基于CAdvisor、InfluxDB和Granfana构建的一个容器重量级监控系统,用于监控容器的各项性能指标。其中,CAdvisor是一个容器资源监控工具,用于监控容器的内存、CPU、网络IO和磁盘IO等。InfluxDB是一个开源的分布式时序、时…

机器学习-回归问题(Regression)

前言 与KNN分类任务预测的输出为离散型不同. 在机器学习中,回归任务是用于预测连续数值型变量的任务。回归任务在很多领域都有着广泛的应用. 回归问题求解 在一个回归问题中,很显然模型选择和好坏会直接关系到将来预测结果的接近程度,举个…

【高效开发工具系列】jackson入门使用

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

使用VC++设计程序实现K近邻中值滤波器(KNNMF)、最小均方差滤波器、矢量中值滤波算法进行滤波

VC实现若干种图像滤波技术2 获取源工程可访问gitee可在此工程的基础上进行学习。 该工程的其他文章: 01- 一元熵值、二维熵值 02- 图像平移变换,图像缩放、图像裁剪、图像对角线镜像以及图像的旋转 03-邻域平均平滑算法、中值滤波算法、K近邻均值滤波器 …

瑞云科技参与《数字孪生世界白皮书》编写,实时云渲染助力数字孪生

为了促进数字孪生技术的发展和应用,易知微与数字孪生世界企业联盟联合众多行业专家以及多家业内企业共同编写了《数字孪生世界白皮书(2023)》。该白皮书从数字孪生的综述、应用架构、核心技术、新型技术成果和重点行业应用等方面,…

图论|并查集理论基础 1971. 寻找图中是否存在路径

什么是并查集 并查集是一种数据结构,用于处理一些不交集的合并及查询问题。它支持两种操作: 查找(Find):确定某个元素属于哪个子集。它可以用来判断两个元素是否属于同一个子集。 合并(Union)&…

WebGL笔记:矩阵旋转运算的原理和实现

矩阵 矩阵(Matrix)是一个按照矩形纵横排列的复数集合 矩阵就像一个矩形的阵盘,通过其中纵横排列的元素我们可以摆出不同功能的阵法,比如位移矩阵、旋转矩阵、缩放矩阵 …在矩阵中的每一行,或者每一列数字构成的集合&a…

Flutter开发type ‘Future<int>‘ is not a subtype of type ‘int‘ in type cast错误

文章目录 问题描述错误源码 问题分析解决方法修改后的代码 问题描述 今天有个同事调试flutter程序时报错,问我怎么解决,程序运行时报如下错误: type ‘Future’ is not a subtype of type ‘int’ in type cast 错误源码 int order Databas…

2015年五一杯数学建模C题生态文明建设评价问题解题全过程文档及程序

2015年五一杯数学建模 C题 生态文明建设评价问题 原题再现 随着我国经济的迅速发展,生态文明越来越重要,生态文明建设被提到了一个前所未有的高度。党的十八大报告明确提出要大力推进生态文明建设,报告指出“建设生态文明,是关系…

探索意义的深度:自然语言处理中的语义相似性

一、说明 语义相似度,反应出计算机对相同内容,不同表达的识别能力。因而识别范围至少是个句子,最大范围就是文章,其研究方法有所区别。本文将按照目前高手的研究成绩,作为谈资介绍给诸位。 二、语义相似度简介 自然语言…

团队怎么高效制作问卷?

制作调查问卷时并不是一个人就能单独完成,通常情况下,完成一份调查问卷往往需要一个团队的成员参与,相互协作,共同完成。不过,多人协作经常会遇到协作壁垒,导致效率低下,那团队怎么才能高效协作…

【面试经典150 | 二分查找】搜索二维矩阵

文章目录 写在前面Tag题目来源题目解读解题思路方法一:二分查找 写在最后 写在前面 本专栏专注于分析与讲解【面试经典150】算法,两到三天更新一篇文章,欢迎催更…… 专栏内容以分析题目为主,并附带一些对于本题涉及到的数据结构等…

前端笔记(二):CSS 选择器与特性

CSS(层叠样式表)是一种样式表语言,用于描述HTML或XML文档的呈现方式。它定义了如何在屏幕、纸张或其他媒体上显示文档的样式、布局和外观。 里面的代码由 选择器 { } 组成 体验 CSS CSS 可以让我们界面变得更加美观,这是 CSS 的…

OpenSSH 漏洞修复升级最新版本

Centos7系统ssh默认版本一般是OpenSSH7.4左右,低版本是有漏洞的而且是高危漏洞,在软件交付和安全扫描上是过不了关的,一般情况需要升级OpenSSH的最新版本 今天详细说下升级最新版本的处理过程(认真看会发现操作很简单&#xff0c…

k8s-daemonset、job、cronjob控制器 6

Daemonset控制器(一个节点部署一个) 、 创建Daemonset控制器 控制节点上不能进行部署,有污点 解决方式: 扩容节点,token值过期的解决方法: 回收pod job控制器 需要使用perl镜像,仓库没有&…

基于Springboot + vue的汽车资讯网站

qq(2829419543)获取源码 开发语言:Java Java开发工具:JDK1.8 后端框架:springboot 前端:采用vue技术开发 数据库:MySQL5.7和Navicat管理工具结合 服务器:Tomcat8.5 开发软件&#xf…

阅读软件OmniReader Pro mac功能特色

OmniReader Pro mac是一款文字识别和阅读软件,它可以将印刷体和手写体的文字转换为数字文本,并将其朗读出来。该软件适用于视力受损、阅读困难、语言障碍等用户,可以帮助他们更加轻松地获取信息和阅读文本。 OmniReader Pro具有简洁直观的用户…

almalinux centos8系统zlmediakit编译安装

脚本 # 安装依赖 gcc-c.x86_64 这个不加的话会有问题, cmake需要在线安装 sudo yum -y install gcc gcc-c libssl-dev libsdl-dev libavcodec-dev libavutil-dev ffmpeg git openssl-devel gcc-c.x86_64 cmake mkdir -p /home/zenglg cd /home/zenglg git clon…

人工智能和网络安全:坏与好

人工智能似乎可以并且已经被用来帮助网络犯罪和网络攻击的各个方面。 人工智能可以用来令人信服地模仿真人的声音。人工智能工具可以帮助诈骗者制作更好、语法正确的网络钓鱼消息(而糟糕的语法往往会暴露出漏洞),并将其翻译成多种语言&…