《javaScript高级程序设计》读书笔记(一)

以下内容可能存在个人理解的部分,并非完全参照原文

如有疑问,请以书中内容为准

第一章 JavaScript简介

这里需要注意的是JavaScript不等同于ECMAScript,JavaScript包含ECMAScript、DOM和BOM

另外DOM也不是JavaScript专有的,也有其他语言实现了DOM(QML好像就是类似DOM的实现)

第二章 在HTML中使用JavaScript

把JavaScript插入到HTML中需要用到<script>元素

这里需要注意的要点有:

  1. 所有<script>元素会根据它们在html文件中的先后顺序依次被解析。如果引用多个JavaScript文件时要注意它们之间的依赖关系
  2. <script>中使用defer属性的脚本会被延迟到整个页面都解析完毕再运行(即先下载后运行)
  3. 使用async属性可以让脚本使当前脚本不必等待其他脚本,也不必阻塞文档呈现,一旦脚本可用,就会异步执行,但不能保证执行顺序
  4. 如果不适用defer和async可以将<script>元素放到页面最后,即</body>标签前面,这样也可以使脚本在页面加载后解析运行

在现实当中延迟脚本不一定会按顺序执行,所以最好只包含一个延迟脚本

可以使用<noscript>在不支持脚本的浏览器中使用代替的内容,在启用了脚本的情况下,浏览器不会显示<noscript>中的内容

第三章 基本概念

这一章内容很多很杂

3.1 语法

ECMAScript的语法大量借鉴了C以及其他类C语言,而且ECMAScript比它们更加宽松。

ECMAScript中的一切都区分大小写

3.2 关键字和保留字

debugger是ES5新增的关键字

ES6之后使用了let、class、import、const、super、extends,这些在ES5都是保留字

3.3 变量

ECMAScript中的变量可以保存任何类型的数据。

声明但未初始化的变量会保存一个特殊的值——undefined

 var msg;
 console.log(msg); // undefined

注意,用var定义的变量将成为定义该变量作用域中的局部变量

如果在函数内使用var定义一个变量,这个变量在函数退出后就会被销毁

function test(){
    var msg = 'test';
}
test();
alert(msg); //error

3.4 数据类型

ECMAScript中有5种简单数据类型(基本数据类型):Undefined、Null、Boolean、Number、String

还有一种复杂数据类型——Object

注意Object是复杂数据类型而不是简单数据类型

ECMAScript不支持自定义类型,所有值都是上面6种类型之一

使用typeof操作符可以检测变量的数据类型,并返回一个字符串:

  • "undefined"——如果这个值未定义
  • "boolean"——如果这个值是布尔值
  • "string"——如果这个值是字符串
  • "number"——如果这个值是数值
  • "object"——如果这个值是对象或null
  • "function"——如果这个值是函数

typeof是操作符而不是函数,因此可以使用typeof(msg)也可以使用typeof msg

typeof null会返回"object",因为null会被认为是一个空的对象引用

正则表达式现在会返回"object"

从技术角度讲,函数在ECMAScript中是对象不是数据类型,然而为了区分函数和其他对象,因此让typeof操作符返回"function"

Undefined

Undefined类型只有一个值,就是undefined

不需要显示地把一个变量初始化为undefined,虽然我感觉没人这么傻

对于未声明的变量和未初始化的变量,typeof都会返回"undefined"

显示地初始化变量便可以使用typeof来判断变量是否被声明

Null

Null类型也只有一个值,这个值为null

undefined值派生自null,因此会出现比较奇怪的情况

alert(null == undefined); //true

用严格等可以将它们区分开

alert(null === undefined); //false

推荐将准备保存对象的变量初始化为null

Boolean

Boolean类型的字面值truefalse是区分大小写的,True和False不是Boolean值

可以调用函数Boolean()将其他值转换为Boolean类型,转换规则:

数据类型 转换为true 转换为false
string 任何非空字符串 ""(空字符串)
Number 任何非零数值(包括无穷大) 0和NaN
Object 任何对象 null
Undefined 不存在 undefined

Number

除了以十进制表示,整数还可以通过八进制或十六进制的字面值来表示

其中八进制第一位必须是0,如果字面值中的数值超过了范围,该值将被当作十进制数值解析

var octalNum1 = 070; // 八进制的56
var octalNum2 = 079; // 无效 解析为79
var octalNum3 = 08;  // 无效 解析为8

十六进制前两位必须为0x,字母A~F可以大写也可以小写

var hexNum1 = 0xA;  // 十六进制的10
var hexNum2 = 0x1f; // 十六进制的31

在进行计算时,所有八进制和十六进制的数值最终都会被转换成十进制

八进制字面量在严格模式下会报错
浮点数小数点前面可以没有整数,但不推荐

var floatNum = .1; //有效,但不推荐

由于保存浮点数值需要的内存空间是保存整数的两倍,ECMAScript会尽量将浮点数转换为整数

var floatNum1 = 1.;    // 小数点后没有数字 解析为1
var floatNum2 = 10.0;  // 整数 解析为10

可以使用e表示法(科学计数法),e可以大写也可以小写

var floatNum = 1.125e7; // 等于11250000

浮点数的最高精度是17位小数,但在计算时其精度远远不如整数

例如,0.1+0.2的结果不是0.3而是0.30000000000000004

if (a + b == 0.3){      // 不要这么做
    alert("a+b=0.3");
}

永远不要测试某个特定的浮点数值
ECMAScipt中的最小值保存在Number.MIN_VALUE中,在大多数浏览器中为5e-324

最大值保存在Number.MAX_VALUE中,在大多数浏览器中为1.7976931348623157e+308

如果某个数超出JavaScript数值范围,这个数将被转换成Infinity,负数转换成-Infinity

可以使用isFinity来确定一个数是不是有穷的

alert(isFinite(Number.MAX_VALUE + Number.MAX_VALUE)); // false

访问Number.NEGATIVE_INFINITYNumber.POSITIVE_INFINITY也可以得到负和正的Infinity

NaN(Not a Number)是一个特殊的数值,表示本来要返回数值的操作数未返回数值的情况(不会抛出错误)

NaN有两个特点:

  1. 任何涉及NaN的操作都会返回NaN
  2. NaN与任何值都不想等,包括NaN本身

isNaN()函数可以帮我们确定一个数是否“不是数值”,非数值类型会先转换为数值类型再判定

alert(isNaN(10));       // false
alert(isNaN("10"));     // false
alert(isNaN("blue"));   // true(不能转换为数值)
alert(isNaN(true));     // false

有三个函数可以把非数值转换为数值:Number()parseInt()parseFloat()

Number()在转换字符串时比较复杂而且不够合理,因此在处理整数时常用的是parseInt()函数

var num1 = Number("hello");     // NaN
var num2 = Number("66hello");   // NaN
var num3 = Number("070");       // 70
var num4 = Number("");          // 0
var num5 = Number("0xA");       // 10 解析为16进制
var num6 = parseInt("hello");   // NaN
var num7 = parseInt("66hello"); // 66
var num8 = parseInt("070");     // 70 ES3会理解为8进制,ES5之后会忽略前导0解析为10进制
var num9 = parseInt("");        // NaN
var num10 = parseInt(22.5);      // 22
var num11 = parseInt("0xA");     // 10

为了消除parseInt()函数可能导致的困惑,可以提供第二个参数,指定转换使用的基数(即多少进制)

var num1 = parseInt("0xAF", 16); // 175
var num2 = parseInt("AF", 16);   // 175
var num3 = parseInt("AF");       // NaN

推荐在任何时候都指定转换使用的基数,一般情况下为10

parseFloat()会始终忽略前导0

var num1 = parseFloat("1234blue"); // 1234
var num2 = parseFloat("0xA");      // 10
var num3 = parseFloat("22.5");     // 22.5
var num3 = parseFloat("22.34.5");  // 22.34
var num3 = parseFloat("0908.5");   // 908.5
var num3 = parseFloat("3.125e7");  // 31250000

能解析为整数的数parseFloat()会返回整数

String

字符串可以用双引号""可以用单引号''表示

ECMAScript中的字符串是不可变的,一旦创建值就不能改变

如果要改变某个变量保存的字符串,要先销毁原来的字符串,然后再用一个包含新值的字符串填充该变量

var lang = "Java";
lang = lang + "Script";

在实现第二行代码时,操作过程如下:

  1. 首先创建一个能容纳10个字符的新字符串
  2. 然后在这个字符串中填充"Java"和"Script"
  3. 销毁原来的字符串"Java"和字符串"Script"

可以使用toString()方法来把一个值转换为字符串

var age = 11;
var ageString = age.toString();       // "11"
var found = true;
var foundAsString = found.toString(); // "true"

nullundefined没有toString()方法

再调用数值的toString()方法时可以传入一个参数来决定输出数值的基数

如果值可能是nullundefined,还可以使用String()函数

  • 如果值有toString()方法则使用该方法
  • 如果是null则返回"null"
  • 如果是undefined则返回"undefined"

Object

对象可以通过执行new操作符后跟要创建的对象类型的名称来创建

在ECMAScript中,Object类型是所有其它实例的基础,即Object类型具有的方法和属性也同样存在于更具体的对象中

Object的每个实例都具有下列属性和方法:

  • constructor:保存着构造函数
  • hasOwnProperty(propertyName):检查属性在当前对象实例(而不是原型)中是否存在
  • isPrototypeOf(object):检查传入的对象是否为当前对象的原型
  • propertyIsEnumerable(propertyName):检查给定的属性是否能使用for-in语句枚举
  • toLocaleString():返回对象的字符串表示,该字符串与执行环境的地区对应
  • toString():返回对象的字符串
  • valueOf():返回对象的字符串、数值或布尔值表示,通常与toString()方法的返回值相同

ECMA-262中对象的行为不一定适用于JavaScript中的其他对象,比如BOM和DOM都属于浏览器中的宿主对象,不一定继承Object


第三章还有一些东西 留到下次再整理

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

推荐阅读更多精彩内容

  • 30【惜命的最好方式不是养生,而是情绪管理(1)】 前两天参加朋友创办的一个高峰论坛,2018国际青少年心理健康及...
    经年小花阅读 233评论 0 0
  • 我和我表哥经常一起玩,每次我们每次都能玩笑,我们晚上爸爸和妈妈在世博花园和别人吃饭我和表哥一起去广场玩游戏机,我...
    崔钰泽阅读 339评论 0 0
  • 宝贝儿,你这时候的到来,实在让我兴奋的同时,在这满是压力的环境下,又担心我是否能够照顾得好你? 年底的提案竞标一个...
    徐小鱼阅读 344评论 0 0