JavaScript基础

1.JavaScript规定了几种语言类型

JS包括7种数据类型,其中有分为原始类型和引用类型。

原始类型
  • Null : 只包含一个值null
  • Undefined : 只包含一个值undrfined
  • Number : 整数和浮点数,还有一些特殊值(-Infinity+InfinityNaN
  • Boolean : 包含两个值truefalse
  • String : 一串表示文本值的字符序列
  • Symbol : 一种实例是唯一且不可改变的数据类型
引用类型
  • ObjectArrayFunction

2.JavaScript对象的底层数据结构是什么

  • 原始类型直接存储在栈中,每种类型数据占用的内存空间大小时确定的,并由系统自动分配和自动释放;
  • 引用类型会被存储在堆中,准确来说,引用类型的值实际存储在堆内存中,他在栈中只存储了一个固定长度的地址,这个地址指向堆内存的值。
  • 数据在内存中的存储结构,也叫物理结构,分为两种:顺序存储结构和链式存储结构:
    • 顺序存储结构 : 是把数据元素存放在地址连续的存储单元里,其数据见的逻辑关系和物理关系是一致的。数组就是其中的代表。
    • 链式存储结构:是把数据元素存放在任意的存储单元里,这些数据在内存中的位置有可能是连续的,也有可能不不连续的,链表就是其中的代表。
    • 形象地说,就是去银行取钱,顺序存储结构就是客户按照先来后到坐在标有顺序的座椅上,等候办理业务;链式存储结构就是客户拿着叫号机给的编号,然后随意地坐在没有顺序的座椅上,等候叫号办理业务。

3.nullundefined的区别

  • null : 表示被赋值过的对象,刻意把一个对象赋值为null,表示该值为空,不应该有值。转换数值时的值为0
  • undefined : 表示缺少值,在对象初始化的时候未进行赋值定义。转换数值时的值为NaN

4.至少可以说出三种判断JavaScript数据类型的方式,以及他们的优缺点,如何准确的判断数组类型

类型 优点 缺点
typeof 能准确判断一个变量是否为原始类型 判断引用类型时略显乏力,除了函数判断为function外,其他都判断为object
instanceof 能判断引用类型的具体是什么类型对象
toString 利用Object对象的继承性,toString()返回[object type],其中type是对象的类型 如果此方法在自定义对象中未被覆盖toString才会达到预想的效果,事实上,大部分引用类型比如Array、Date、RegExp等都重写了toString方法。

5.类型转换

因为JS是弱类型语言,所以类型转换会经常发生。类型转换分两种:隐式转换即程序自动进行的类型转换,强制转换即我们手动进行的类型转换。

类型转换规则
转换前类型 转换前值 转换后(Boolean) 转换后(Number) 转换后(String)
Boolean true - 1 true
Boolean false - 0 false
Number 123 true - 123
Number Infinity true - Infinity
Number 0 false - 0
Number NaN false - NaN
String ‘ ’ false 0 -
String 123 true 123 -
String 123lyichao true NaN -
String lyichao true NaN -
Symbol Symbol() true TypeError TypeError
Null null false 0 null
Undefined undefined false NaN undefined
Function function(){} true NaN function(){}
Object {} true NaN [object Object]
Array [] true 0 ``
Array ["lyichao"] true NaN lyichao
Array ["123","lyichao"] true NaN 123,lyichao
if语句和逻辑语句

if语句和逻辑语句中,如果只有单个变量,会先讲变量转换成Boolean,只有下面几种情况会转换成false,其他都会被转换成true

null,undefined,'',NaN,0,false   
各种数学运算符

我们在对各种非Number类型运用数学运算符(- * /)时,会先讲非Number类型转换为Number类型

1 - true // 0
1 - null //  1
1 * undefined //  NaN
2 * ['5'] //  10

⚠️注意!加法是个例外,执行加法运算时:

  • 1.当一侧为String类型时,会被识别为字符串拼接,并会优先将另一侧转换为字符串类型;
  • 2.当一侧为Number类型,另一侧为原始类型,则将原始类型转换为Number类型;
  • 3.当一侧为Number类型,另一侧为引用类型,则将引用类型和Number类型转换成字符串后拼接。
123 + '123' // 123123   (规则1)
123 + null  // 123    (规则2)
123 + true // 124    (规则2)
123 + {}  // 123[object Object]    (规则3)
==

使用==时,若两侧类型相同,则比较结果和===相同,否则会发生隐式转换。使用==时会发生转换可以分为几种情况(只考虑两侧类型不同时):

  • NaN

    NaN和其他任何类型比较永远返回false(包括和他自己)。

    NaN == NaN // false
    
  • Boolean

    Boolean和其他任何类型比较,Boolean首先被转换为Number类型。

    true == 1  // true 
    true == '2'  // false
    true == ['1']  // true
    true == ['2']  // false
    

    这里注意一个可能会弄混的点:undefined、nullBoolean比较,虽然undefined、nullfalse都很容易被想象成假值,但是他们比较结果是false,原因是false首先被转换成0

    undefined == false // false
    null == false // false
    
  • String和Number

    StringNumber比较,先将String转换为Number类型。

    123 == '123' // true
    '' == 0 // true
    
  • null和undefined

    null == undefined比较结果是true,除此之外,null、undefined和其他任何结果的比较值都为false

    null == undefined // true
    null == '' // false
    null == 0 // false
    null == false // false
    undefined == '' // false
    undefined == 0 // false
    undefined == false // false
    
  • 原始类型和引用类型

    当原始类型和引用类型做比较时,对象类型会依照ToPrimitive规则转换为原始类型:

     '[object Object]' == {} // true
      '1,2,3' == [1, 2, 3] // true
    

    来看看下面这个比较:

    [] == ![] // true
    

    !的优先级高于==![]首先会被转换为false,然后根据上面第三点,false转换成Number类型0,左侧[]转换为0,两侧比较相等。

    [null] == false // true
    [undefined] == false // true
    

    根据数组的ToPrimitive规则,数组元素为nullundefined时,该元素被当做空字符串处理,所以[null]、[undefined]都会被转换为0

    所以,说了这么多,推荐使用===来判断两个值是否相等...

为什么0.1+0.2!==0.3

首先先来看下简单的函数计算

 function judgeFloat(n, m) {
      const binaryN = n.toString(2);
      const binaryM = m.toString(2);
      console.log(`${n}的二进制是    ${binaryN}`);
      console.log(`${m}的二进制是    ${binaryM}`);
      const MN = m + n;
      const accuracyMN = (m * 100 + n * 100) / 100;
      const binaryMN = MN.toString(2);
      const accuracyBinaryMN = accuracyMN.toString(2);
      console.log(`${n}+${m}的二进制是${binaryMN}`);
      console.log(`${accuracyMN}的二进制是    ${accuracyBinaryMN}`);
      console.log(`${n}+${m}的二进制再转成十进制是${to10(binaryMN)}`);
      console.log(`${accuracyMN}的二进制是再转成十进制是${to10(accuracyBinaryMN)}`);
      console.log(`${n}+${m}在js中计算是${(to10(binaryMN) === to10(accuracyBinaryMN)) ? '' : '不'}准确的`);
    }
    function to10(n) {
      const pre = (n.split('.')[0] - 0).toString(2);
      const arr = n.split('.')[1].split('');
      let i = 0;
      let result = 0;
      while (i < arr.length) {
        result += arr[i] * Math.pow(2, -(i + 1));
        i++;
      }
      return result;
    }
    judgeFloat(0.1, 0.2);
    judgeFloat(0.6, 0.7);

为什么会出现这种情况呢?原因就是出现了精度丢失

计算机中所有的数据都是以二进制存储的,所以在计算时计算机要把数据先转换成二进制进行计算,然后在把计算结果转换成十进制

由上面的代码不难看出,在计算0.1+0.2时,二进制计算发生了精度丢失,导致再转换成十进制后和预计的结果不符。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容