【js】【读书笔记】廖雪峰的js教程读书笔记

最近在看廖雪峰的js教程，重温了下js基础，记下一些笔记，好记性不如烂笔头嘛

• 编写代码尽可能使用严格模式 use strict
• JavaScript引擎是一个事件驱动的执行引擎，代码老是以单线程执行
• 执行中会自动在每行的结尾添加分号
• 区分大小写
• 浮点数一般比较难比较大小，参考es6 number epsilon
• NaN, Infinity 都是number类型 NaN表示不是一个数字，Infinity表示无穷大，NaN和其余任何数字都不相等
• Null 表示空值 ，undefined表示未定义
• 对象的键都是字符串类型
• 变量能够屡次赋值，可是只能申明一次 var
• 变量自己类型不固定的语言称之为动态语言，相反的未静态语言如java
• es6中表示多行字符串能够用```，在此以前都是用\n`
• 字符串自己不可变，不能修改字符串中的单个字符，能够基于字符串修改生成新的字符串
• 数字30和字符串"30"是两个不一样的元素
• 访问对象不存在的属性不会报错，只会返回undefined
• in判断对象是否具备某属性，属性可能为对象自有属性也可能为继承属性，若是查看是否为对象的自有属性，用hasOwnProperty
• null,undefined,0,NaN,"" 视为false，其余的都为true
• 循环的集中方式for,for in,while,do while，es6引入新的循环for of，forEach循环
• es6的Map,Set,iterable 元素
• Array,Map,Set都是属于iterable类型，均可以用for of进行循环
• iterable内置forEach循环
• 函数也是一个对象，没有return的函数返回undefined
• arguments，只在函数内部起做用，而且永远指向当前函数的调用者传入的全部参数，arguments相似Array但它不是一个Array,调用时即便不传递参数也能够经过arguments获取到全部参数
• 函数中，能够用es6的新参数rest来代替多个参数
• 内部函数能够访问外部函数定义的变量,反之则不行；若是内部函数定义了与外部函数重名的变量，则内部函数的变量将“屏蔽”外部函数的变量
• 函数定义有个特色，它会先扫描整个函数体的语句，把全部申明的变量“提高”到函数顶部，JavaScript引擎自动提高了变量的声明，但不会提高变量的赋值
• 默认的全局对象window，全部的全局变量(包含函数)都会绑定为全局对象window的一个属性
• 任何变量（函数也视为变量），若是没有在当前函数做用域中找到，就会继续往上查找，最后若是在全局做用域中也没有找到，则报ReferenceError错误
• 名字空间 全局变量会绑定到window上，不一样的JavaScript文件若是使用了相同的全局变量，或者定义了相同名字的顶层函数，都会形成命名冲突，而且很难被发现，减小冲突的一个方法是把本身的全部变量和函数所有绑定到一个全局变量中，许多著名的JavaScript库都是这么干的：jQuery，YUI，underscore等等
• es6的快级做用域元素let,const,let用于定义块级变量，const用于定义常量，常量建议所有大写字母表示
• 解构赋值，能够快速的把数组、对象的属性赋值给变量
• 在一个方法内部，this是一个特殊变量，它始终指向当前对象
• this调用，若是以对象的方法形式调用，好比xiaoming.age()，该函数的this指向被调用的对象，也就是xiaoming，若是单独调用函数，好比getAge()，此时，该函数的this指向全局对象，也就是window
• ECMA决定，在strict模式下让函数的this指向undefined
• 函数自己的apply,call方法，apply装饰器
• 高阶函数的概念，参数的为函数的函数为高阶函数
• array的map,reduce用法，调用map的回调函数和实际的函数参数可能不同致使异常的结果 array.prototype.map map的回调有4个参数，而若是如array.map(parseInt)，parseInt只有2个参数，并且第二个参数和calltable第二个参数性质不同，形成结果异常，示例请看廖雪峰的js小示例
• array的filter用法，用于对数组值的过滤
• array的sort排序函数，默认的是经过字符串的ascii码进行排序，固然，sort也是个高阶函数，你能够自定义排序算法
• 错误包含逻辑错误（代码错误）和运行错误（权限，网络链接，文件不存在）
• 错误传播 若是在一个函数内部发生了错误，它自身没有捕获，错误就会被抛到外层调用函数，若是外层函数也没有捕获，该错误会一直沿着函数调用链向上抛出，直到被JavaScript引擎捕获，代码终止执行
• es6的箭头函数（也属于匿名函数）
• 箭头函数和匿名函数的区别为，箭头函数里的this老是指向词法做用域，也就是外层调用者（这里我也不大懂廖雪峰啥意思）
• 可变参数以3个点·开始，表面参数的个数不限制 function (x,y,...rest) rest表示可选参数
• typeof检测类型,[],null,{}返回的都是object,undefined返回的是undefined

typeof 123; // 'number'
typeof NaN; // 'number'
typeof 'str'; // 'string'
typeof true; // 'boolean'
typeof undefined; // 'undefined'
typeof Math.abs; // 'function'
typeof null; // 'object'
typeof []; // 'object'
typeof {}; // 'object'

• 用String()来转换任意类型到string，或者直接调用某个对象的toString()方法；
• 一般没必要把任意类型转换为boolean再判断，由于能够直接写if (myVar) {...}
• typeof操做符能够判断出number、boolean、string、function和undefined
• 判断Array要使用Array.isArray(arr)
• 判断null请使用myVar === null
• 判断某个全局变量是否存在用typeof window.myVar === 'undefined'
• 函数内部判断某个变量是否存在用typeof myVar === 'undefined'
• 任何对象都有toString()方法吗？null和undefined就没有！确实如此，这两个特殊值要除外，虽然null还假装成了object类型。
• 数字转换成字符串

123..toString(); // '123', 注意是两个点！
(123).toString(); // '123'

• node查找模块的顺序依次为内置模块，全局模块，当前模块
• node.js加载模块时使用了匿名函数加载模块的方式来规避各个模块内变量冲突的问题
• 判断是处于浏览器环境仍是node环境

if (typeof(window) === 'undefined') {
    console.log('node.js');
} else {
    console.log('browser');
}

• Date相关
• JavaScript的月份范围用整数表示是0~11，0表示一月，1表示二月
• 使用Date.parse()时传入的字符串使用实际月份01~12，转换为Date对象后getMonth()获取的月份值为0~11

var now = new Date();
now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)
now.getFullYear(); // 2015, 年份
now.getMonth(); // 5, 月份，注意月份范围是0~11，5表示六月
now.getDate(); // 24, 表示24号
now.getDay(); // 3, 表示星期三
now.getHours(); // 19, 24小时制
now.getMinutes(); // 49, 分钟
now.getSeconds(); // 22, 秒
now.getMilliseconds(); // 875, 毫秒数
now.getTime(); // 1435146562875, 以number形式表示的时间戳

• json其实是js的一个子集
• json的数据类型和js的数据类型一致
• node的同步异步的关系
• 流的概念
• web协议简介
• nodejs 底层采用C/C++编写，而后对外暴露为javascript接口
• CS，BS的由来
• MVVM的原理，双向绑定，model-dom对应
• https的原理
• es6的生成器generator
• js原型继承object.create,__proto__
• 当咱们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，若是没有找到，就到其原型对象上找，若是尚未找到，就一直上溯到Object.prototype对象，最后，若是尚未找到，就只能返回undefined
• new functionname,经过new方法来建立对象
• window对象有innerWidth和innerHeight属性，能够获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。
• window对应的，还有一个outerWidth和outerHeight属性，能够获取浏览器窗口的整个宽高
• navigator对象表示浏览器的信息
• screen对象表示屏幕的信息
• location对象表示当前页面的URL信息
• document对象表示当前页面。因为HTML在浏览器中以DOM形式表示为树形结构，document对象就是整个DOM树的根节点
• history对象保存了浏览器的历史记录
• css的属性在js中换成驼峰写法，如font-size写成fontSize,p.style.fontSize = '20px'
• 删除后的dom节点虽然不在文档树中了，但其实它还在内存中，能够随时再次被添加到别的位置
• JavaScript代码都不可能同时有多于1个线程在执行
• 跨域方法，1在同源下使用 2在同源下搭建代理服务器，代理服务器转发请求到真正的服务器 3jsonp方式，经过get请求js的方式那样请求数据 4 cros 跨域
• js,css默承认以跨域，其余请求跨域须要通过处理
• es6的 promise,canvas用法