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

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



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

原始类型没啥说的,就是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里面的将变量变成当成字符串输出的原理是一样的。

变量作用域与作用域

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

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的作用域链。



天寒,晚安。

时间: 2024-10-14 12:21:14

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

JavaScript权威指南学习笔记之一

1.关于分号 javascript里面不强制使用分号来表示一行语句的结束,但是最好能够在写js之前,特别是在原有的js上面新增时,最好前置一个分号.避免这种情况发生:  2.JavaScript类型转换 3.关于=== ①如果类型不同则不等 ②null===null或undefined===undefined ③true===true或false===false ④NaN不等 ⑤0===0 0===-0 ⑥如果是同一个object,array,function则相等 4.关于== ①如果已经==

javascript权威指南学习笔记1

打开这本书,进入到javascript的世界.以前都是看各种视频,感觉什么收获也没有,反而弄得脑袋混乱,希望能够按照这本书的节奏掌握javascript这门语言,为我的前端学习打下基础. 学习前准备:web浏览器(F12用来唤醒和关闭firebug界面,ctrl+shift+j用来唤醒错误工作台,console.log()调试辅助) 本书分为4个部分:Javascript语言核心:客户端Javascript:Javascript核心参考:客户端Javascript参考.今天主要学了第一部分.主要

javascript权威指南学习笔记2

Javascript语言核心(2~12章) 第三章:类型.值.变量 1.数字: overflow(Infinity, -Infinity).underflow(+0,-0) 非数字值:它和任何值都不相等,包括自身.if(x!=x) return NAN:==>isNaN()判断是不是NaN或者字符串等 javascript的精度要注意,即(0.3-0.2)!=(0.2-0.1) Date()构造函数:月份从0开始计数,天数从1开始计数,星期天是0: 2.文本: 转义字符(牢记斜杠后面几个特殊的值

javascript 权威指南学习笔记

//通过id查找多个元素 function getElements(/*ids...*/){ var elements = {}: for(var i=0; i<arguments.length; i++){ var id = arguments[i]; var elt =document.getElementById("id"); if(elt == null) throw new Error("No element with id :" +id); ele

Git权威指南学习笔记(一)Git初始化

1.在Git中配置用户名和邮件地址 $ git config --global user.name "Jymn_Chen" $ git config --global user.email "[email protected]" 注意把用户名和邮件地址替换成你自己的资料. 在这里的参数global表示配置的作用范围是当前用户,如果将参数改为system,那么配置的作用范围是系统中的所有用户. 2.创建版本库 新建一个目录并cd到目录中,执行以下命令: $ git i

Git权威指南学习笔记(二)Git暂存区

如下图所示: 左侧为工作区,是我们的工作目录. 右侧为版本库,其中: index标记的是暂存区(stage),所处目录为.git/index,记录了文件的状态和变更信息. master标记的是master分支所代表的目录树.HEAD指向master分支. objects标记的是Git的对象库,所处目录为.git/objects,文件索引建立了文件和对象库中对象实体之间的映射关系. 通过该图我们可以清晰地看出add,commit等命令的转化关系.下面通过git diff和git status两条命

MongoDB权威指南学习笔记4---查询相关的知识点

1 find find({查询条件},{"key":1,"email":1})  后面表示返回哪些键 2 可用的比较操作符 $lt , $lte,$gt,$gte 比如db.users.find({"age":{"$gte":18,"$lte":30}}) 3不等于 find(...{"key":{"$ne":"value"}} 4 in find

MongoDB权威指南学习笔记5---索引相关的知识点

1 查看查询计划 db.user.find({"username":"xxx"}) .explain() db.doc.find({"es_y":"2014"}).explain() {  "cursor" : "BasicCursor",  "isMultiKey" : false,  "n" : 0,  "nscannedObject

Hadoop权威指南学习笔记一

Hadoop权威指南学习笔记一 声明:本文是本人基于Hadoop权威指南学习的一些个人理解和笔记,仅供学习参考,有什么不到之处还望指出,一起学习一起进步. 转载请注明:http://blog.csdn.net/my_acm 1. 数据的增长远远超过了磁盘的读取速度,传统的数据存储方式和分析方式变得不再适用于大数据的处理. Hadoop分为两大核心技术,HDFS(HadoopDistributed File System-分布式hadoop文件处理系统)和MapReduce(分为Map-数据映射等