之前看过好几遍《JavaScript高级程序设计》这一书，但是始终没有完完整整的看过一遍。从现在开始我会把它完整的啃一遍，每章节都记录笔记，自己的心得，加油！

由于前三章的内容比较简单，因此我会把它们放到一个章节里面记录学习历程。

一、基本概念

1、JavaScrip与ECMAScript的关系

可以理解为JavaScript除了包含ECMAScript外，还包括DOM(文档对象模型)，BOM( 浏览器对象模型)

2、<script>标签

  • 属性： async   defer   charset   type   src

defer与async的区别:（只适用于外部脚本文件）

没有async或defer，<script>标签按先后顺序依次解析。浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。

有async，加载和渲染后续文档元素的过程将和js的加载与执行并行进行（异步）；

有defer，加载后续文档元素的过程将和js的加载并行进行（异步），但是js的执行要在所有的元素解析完成之后，DOMContentLoaded事件触发之前完成

蓝色线代表网络读取，红色线代表执行时间，这俩都是针对脚本的；绿色线代表 HTML 解析。

详细解析可点击  https://segmentfault.com/q/1010000000640869

  • 标签位置：可放在<head>或者<body>元素中内容的后面
  • 文档模式：（可分为混杂模式和标准模式）

IE中浏览器模式与文档模式区别：

浏览器模式：影响的是浏览器版本以及IE的条件注释

文档模式：影响的是IE的排版引擎，DOM的渲染

详细解析可点击  http://www.iefans.net/ie-liulanqi-wendang-moshi-xuanran-ceshi/

3、数据类型

　　5种简单的数据类型：String、Number、Boolean、Null、Undefined   1种复杂数据类型：Object

　　typeof操作符检测变量的数据类型,返回字符串  注意：typeof null 返回 'object',null被认为是一个空的对象引用

　　变量未初始化、未声明时typeof都返回undefined

　　-----  Boolean类型

数据类型 转换为true的值 转换为false的值
Boolean true false
String 非空字符串 空字符串
Number 任何非零数字值（包括无穷大） 0和NaN
Object 任何对象 null
Undefined 不适用 undefined

　　-----  Number类型

　　js中浮点数的计算不准确，慎用~

　　isFinite()  判断一个数是否在最小和最大的数值之间

　　NaN  非数值，与任何都不相等，包括它本身           isNaN()

　　非数值转换为数值：Number()  Number('')  0    Number(null) 0

　　　　　　　　　　　parseInt()  parseFloat()  如果第一个字符不是数字字符或者负号，则返回NaN   parseInt('')  NaN   parseInt(null) NaN

　　-----  String类型

　　转字符串的方法：  toString()  除null和undefined外都有此方法      String()可将任何类型的值转为字符串       加号操作符 +''

　　-----  Object类型

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

　　　　Constructor：保存着用于创建当前对象的函数

　　　　hasOwnProperty(propertyName)：属性在当前对象实例中是否存在

　　　　isPrototypeOf(object)：传入的对象是否是另一个对象的原型

　　　　propertyIsEnumerable(propertyName)：属性是否能使用for-in语句来枚举

　　　　toLocaleString()

　　　　toString()：返回对象的字符串表示

　　　　valueOf()：返回对象的字符串、数值或布尔值表示

4、操作符

　　var age = 10;  var  newAge = ++age;  console.log(age);  //11   console.log(newAge);   //11    ++age先加后赋值，即先age+1,再将值赋给newAge

　　var age = 10;  var  newAge = age++;  console.log(age);  //11   console.log(newAge);   //10    ++age先赋值后加，即先将值赋给newAge ,再age+1

　　-----  位操作符

　　按位非（~）即操作数的负值减1

　　按位与（&）两个数值对应位都是1时才返回1 ，任意一位是0，结果都是0

　　按位或（|）有一位是1的情况下就返回1

　　按位异或（^）两个数值对应位上只有一个1时才返回1

　　左移（<<）将数值的所有位向左移动指定的位数，多出的空位用0填充，不会影响操作数的符号位

　　有符号的右移（>>）用符号位的值来填充空位

　　无符号的右移（>>>）用0填充空位

　　-----  布尔操作符

　　逻辑非（!）

　　逻辑与（&&）短路操作符，即第一个操作数求值结果为false,就不会对第二个操作数求值   eg:console.log(1 && 2 && 3);  //3

　　逻辑或（||）短路操作符，即第一个操作数求值结果为true,就不会对第二个操作数求值  eg:console.log(1 || 2 || 3);  //1

　　-----  相等操作符

　　null >= 0  //true    null == 0 //false   原因：关系运算符比较时会转成数值 ，相等运算符则不会

　　

　　null == undefined  //true    null == 0 //false    undefined == 0 //false

　　==只比较值   ===既比较值，又比较类型

　　之前面试被问到的一道题目：var a = 1, b = 1;  var c = {a:1}, d = {a:1};  console.log(a == b);  console.log(a === b);   console.log(c == d);   console.log(c === d);  //true true false false

　　逗号表达式用于赋值时，总会返回表达式中的最后一项   eg:var num=(1,2,3);   console.log(num);  //3

5、语句

　　do{} while ()语句    while() {}语句    switch语句

　　for-in语句：可用来枚举对象的属性，返回属性的先后次序可能会因浏览器而异

　　break语句：退出循环，执行循环后面的语句      continue：跳出本次循环，执行下次循环

6、函数

　　arguments对象可访问参数的数组，参数的值可通过arguments[0]……来获取，有length属性

　　未指定返回值的函数返回undefined值。这就是在chrome console中有时输入一些命令会返回undefined的原因~

《JavaScript高级程序设计》 -- 基本概念（一）的更多相关文章

  1. Javascript高级程序设计——基本概念（一）

    一.语法 EMCA-262通过叫做ECMAScript的“伪语言”为我们描述了javascript实现的基本概念 javascript借鉴了C的语法,区分大小写,标示符以字母.下划线.或美元符号($) ...

  2. Javascript高级程序设计——基本概念（二）

    相等操作符: 相等==:这个操作符会先转换操作数,强制类型转换,然后再比较他们的相等性. null == undefined //true NaN == NaN //false"5" ...

  3. 《JavaScript高级程序设计（第3版）》阅读总结记录第一章之JavaScript简介

    前言: 为什么会想到把<JavaScript 高级程序设计(第 3 版)>总结记录呢,之前写过一篇博客,研究的轮播效果,后来又去看了<JavaScript 高级程序设计(第3版)&g ...

  4. 【javascript学习——《javascript高级程序设计》笔记】DOM操作

    DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘了一个层次节点树,允许开发人员添加.移除和修改. 1.节点层次 <html> <head& ...

  5. 读javascript高级程序设计00-目录

    javascript高级编程读书笔记系列,也是本砖头书.感觉js是一种很好上手的语言,不过本书细细读来发现了很多之前不了解的细节,受益良多.<br/>本笔记是为了方便日后查阅,仅作学习交流 ...

  6. 《JavaScript高级程序设计》读书笔记--前言

    起因 web编程过程使用javascript时感觉很吃力,效率很低.根本原因在于对javascript整个知识体系不熟,看来需要找些书脑补一下,同时欢迎众网友监督. 大神推荐书籍 看了博客大神们推荐的 ...

  7. 《JavaScript高级程序设计》学习笔记(5)——面向对象编程

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 本节内容对应<JavaScript高级程序设计>的第六章内容. 1.面向对象(Object ...

  8. 《JavaScript高级程序设计》学习笔记(4)——引用类型

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 本节内容对应<JavaScript高级程序设计>的第五章内容. 在ECMAScript中, ...

  9. 1 《JavaScript高级程序设计》学习笔记(1)

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 首先,我将从<JavaScript高级程序设计>这本JavaScript学习者必看的经典教 ...

随机推荐

  1. Oracle CDC简介及异步在线日志CDC部署示例

    摘要 最近由于工作需要,花时间研究了一下Oracle CDC功能和LogMiner工具,希望能找到一种稳定.高效的技术来实现Oracle增量数据抽取功能.以下是个人的部分学习总结和部署实践. 1. O ...

  2. 极光开发者沙龙 之 移动应用性能优化实践 【一】旧酒新瓶——换个角度提升 App 性能与质量

    旧酒新瓶--换个角度提升 App 性能与质量 主讲人:高亮亮 ---   饿了么移动技术部高级iOS工程师,负责饿了么商家版iOS APP开发,对架构和系统底层有深入研究,擅长移动性能分析,troub ...

  3. 使用ConcurrentDictionary替代Hashtable对多线程的对象缓存处理

    在之前一段时间里面,我的基类多数使用lock和Hashtable组合实现多线程内缓存的冲突处理,不过有时候使用这两个搭配并不尽如人意,偶尔还是出现了集合已经加入的异常,对代码做多方的处理后依然如故,最 ...

  4. 【JAVAWEB学习笔记】网上商城实战2：异步加载分类、Redis缓存分类和显示商品

    网上商城实战2 今日任务 完成分类模块的功能 完成商品模块的功能 1.1      分类模块的功能: 1.1.1    查询分类的功能: 1.1.2    查询分类的代码实现: 1.1.2.1  创建 ...

  5. JavaSE教程-03Java中分支语句与四种进制转换-练习

    练习1: 老师如果带100或以上则请客吃饭 import java.util.Scanner; public class Test2{ public static void main(String[] ...

  6. 如何创建一个一流的SDK?

    怎么样的SDK算是一个好的SDK? 在做SDK的过程中我们走过非常多的弯路,是一个难以想象的学习过程,我们总结一个好的SDK应该具备的特质: 易用性,稳定性,轻量,灵活,优秀的支持. 一.易用性 因为 ...

  7. javacpp-opencv图像处理之1：实时视频添加文字水印并截取视频图像保存成图片，实现文字水印的字体、位置、大小、粗度、翻转、平滑等操作

    欢迎大家积极开心的加入讨论群 群号:371249677 (点击这里进群) javaCV图像处理系列: javaCV图像处理之1:实时视频添加文字水印并截取视频图像保存成图片,实现文字水印的字体.位置. ...

  8. oracle创建用户并赋权

    Oracle建立表空间和用户 [sql] view plain copy 建立表空间和用户的步骤: 用户 建立:create user 用户名 identified by "密码" ...

  9. Webpack 代码分离

    Webpack 代码分离 代码分离是 webpack 中最引人注目的特性之一. 你可以把你的代码分离到不同的 bundle 中,然后你就可以去按需加载这些文件. 总的来说, webpack 分离可以分 ...

  10. javascript中document.form[formName][]的意思

    近来重新学习javascript发现还有很多知识点模糊,今天就javascript中的document.forms[formName][inputName]进行说明: <!DOCTYPE htm ...