《JavaScript权威指南》学习笔记 第二天 下好一盘大棋

时间:2021-11-17 14:40:28

前段学习js的时候总是零零散散的,以至于很多东西都模棱两可。时间稍微一久,就容易忘记。最主要的原因是这些东西,原来学的时候就不是太懂,以至于和其他知识无法形成记忆链,所以孤零零的知识特别容易忘记。重温犀牛书,加上最近对记忆宫殿的记忆方法有点感兴趣,于是结合起来来做笔记。


开始吧,上去先扔一张我画的js的数据类型。后面的所有东西,基本上都是基于这张图的。

《JavaScript权威指南》学习笔记 第二天 下好一盘大棋

原始类型没啥说的,就是string,number ,boolean 。

对象类型包括 对象。其实还有Array, func 也是特殊的对象。  对象其实就是一个键值对,在php里面叫关联数组。值可以是原始类型即string, boolean、number,当然也可以还是一个对象。

这里面有两个特殊的东西,叫null和undefined。null在各种语言里都比较常见。在js里面null == undefined。这两个特殊的东西,叫做特殊的原始值,因为其数据类型就是其值,其值不能被修改(不可变 immutable).null和undefined的区别在哪里呢?区别在于null常表示我们程序级别的,正常的空值。如变量没有赋值的时候,到了浏览器语法检查的时候,会在该变量作用域的顶部声明该变量,这个时候给这个变量赋的值就是null.但是当该变量不存在的时候,下面却调用了,就会报undefined,因此可以认为undefined是系统级别的,类似于语法错误。

有对象就有类,对象是实例化的类。js的对象是一个大对象,当create一个页面的时候,就会被js构造器(construct)创造出来 数组对象(Array)、函数对象(function)、日期对象(date)、正则对象(RegExp)以及错误对象(Error).这点稍后会详细的讲下。

上面是从从数据类型维度来区分js的值的。数据类型是后面的基础,从是否拥有方法又可以区分,可以拥有方法的类型,不拥有方法的类型。可变的类型,与不可改变的类型、

从拥有方法来讲,其实原始类型是不拥有方法的,但是js的特殊性却让原始类型也拥有了方法。比如toString()的方法。这些不拥有方法的类型在调用方法的时候,会先变成包装对象(一个调用后立即销毁的对象),所以原始类型也是拥有方法的类型。但是特殊的类型 null 与 undefined 不拥有方法,因为其值不允许被改变,有方法有个毛用啊。

从值可变与不可变的角度来说。原始类型的值是不能被改变的。平时在使用的过程中,确实发现其值改变了,那是因为我们将改变后的值赋给了新的变量。其原变量本身是没有变化的。字符串是由字符组成的数组,这点和C语言一样,比较好理解。

直接量:

什么叫直接量,就是简单直接粗暴的赋值。类似 var a = 3;

直接量,直接赋值。区别于调用new String()  new Number() 来产生的变量。使用直接量,程序没有执行的时候,并不知道值得类型,等到语法解析编译的时候,才会根据其具体的值,指定变量类型。因此这样的方式声明的变量就叫做直接量。

全局对象

浏览器启动,create一个新的页面。js的全局对象已经被创造好了。也就是一个大对象生下了一堆小对象。对于大对象来说,这是一堆小对象,但是对于我们来说。他们仍是一个对象类,我们需要去实例化。

大对象生出了一堆东西:

全局属性: undefined、Infinity、Nan

全局函数:isNaN()  、parseInt() 、eval()

构造函数:(我更喜欢称为构造类)Date() 、RegExp()、String() 、Object() 、Array(). 之所以称为是构造函数,是因为我们也可以直接把他们当做函数使用,在原始类型变成对象的时候,也充当包装对象。

全局对象: Math() 、JSON。

包装对象

这个名字起的比较好。假设原始类型string 、number 、boolean 分别是烤鸡、烤鸭、烤兔。当他们变成商品(对象)去卖的时候、就会包上一层包装纸,锡箔纸、包装袋。但是这个包装纸的作用是有限的,当其完成其固有的作用的时候,就会被丢弃(包装对象被销毁)。

所谓的包装对象就是用完就丢弃,就像物品的包装袋一样。

类型转换:

这个分为原始类型之间的转换、对象之间的转换、原始类型转为对象、对象转为原始类型三部分。

原始类型之间互转主要通过内隐的方法进行自动转换,也可以调用系统的构造函数。

原始类型变对象,通过包装对象。

对象变原始类型。主要是变成字符串和数字两种。 通过调用对象内的一个魔术方法。这个原理和php里面的将变量变成当成字符串输出的原理是一样的。

变量作用域与作用域

这种东西,画个图什么的,就清晰多了。

《JavaScript权威指南》学习笔记 第二天 下好一盘大棋

A的变量作用域在A - E,B的变量作用域在B-E,以此类推E的变量作用域在E。

但是E想使用A的一个变量怎么办,js不像人一样聪明,直接去D拿,况且js也不知道变量在哪。E先问D有没有,D要没有了,再问C,C没有了问B,最后一直问到A。如果A也没有咋办,E发现自己上当受骗了,于是跑到顶层全局对象Error() 那里告状,然后在页面上引发一个ReferenceError(叫你不给我,哼!)的错误。这点很像冒泡,也许冒泡就是从这里面来的吧。

这就是JS的作用域链。


天寒,晚安。