一、导论

二、基本语法

1、严格来说var a=1与a=1效果不太一样,delete命令无法删除前者。

JavaScirpt是一种动态类型语言,也就是说,变量的类型没有限制,可以赋予各种类型的值。

JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。中文是合法的标识符,可以用作变量名。

switch语句后面的表达式与case语句后面的表示式,在比较运行结果时,采用的是严格相等运算符(===)。swidth结构不利于代码重用,往往可以用对象形式重写。

do...while语句中,while后的分号不能省略。

typeof(null)=='object',typeof(undefined)=='undefined',null==undefined,null转数值是0,undefined转数值是NaN。 
    2、JavaScript内部,所有数字都是以64位浮点数形式储存,

+0===-0,唯一有区别的场合是,+0-0当作分母,返回的值是不相等的,0/0返回NaN,NaN类型number,NaN===NaN为false。isFinite函数返回一个布尔值,检查某个值是不是正常数值,而不是Infinite。

3、Base64是一种编码方法,可以将任意字符转成可打印字符。使用这种编码方法,主要不是为了加密,而是为了不出现特殊字符,简化程序的处理。btoa():字符串或二进制值转为Base64编码,atob():Base64编码转为原来的编码。要将非ASCII码字符转为Base64编码,必须中间插入一个转码环节encodeURIComponent(str),再使用这两个方法。

4、对象中键名不符合标识名的条件,则必须加上引号。JavaScript的保留字可以不加引号当作键名。

如果不同的变量名指向同一个对象,那么它们都是这个对象的引用,也就是说指向同一个内存地址。修改其中一个变量,会影响到其他所有变量。但是,这种引用只局限于对象,对于原始类型的数据则是传值引用,也就是说,都是值的拷贝。

检查变量是否声明:if('a' in window){}else{}。

查看所有属性:Object.keys(o)。

delete命令只能删除对象本身的属性,无法删除继承的属性,不能删除var命令声明的变量,只能用来删除属性。

with的作用是操作同一个对象的多个属性时,提供一些书写的方便。

5、任何类型的数据,都可以放入数组。将数组清空的一个有效方法,就是将length属性设为0。

数组的slice方法将类似数组的对象,变成真正的数组:Array.prototype.slice.call(arrayLike)。

数组的某个位置是空位,与某个位置是undefined,是不一样的。如果是空位,使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历,空位都会被跳过。

6、JavaScript引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数会像变量声明一样,被提升到代码头部。如果同时采用function命令和赋值语句声明同一个函数,最后总是采用赋值语句的定义。

对于var命令来说,局部变量只能在函数内部声明,在其他区块中声明,一律都是全局变量。

如果函数A调用函数B,函数B不会引用函数A的内部变量。函数体内部声明的函数,作用域绑定函数体内部。

函数参数如果是原始类型按值传递,如果是复合类型按地址传递,如果函数内部修改的,不是参数对象的某个属性,而是替换掉整个参数,这时不会影响到原始值。

闭包就是函数能够读取其他函数内部变量的函数。闭包作用:读取函数内部变量,让这些变量始终保存在内存中,封装对象的私有属性和私有方法。

7、否运算(~)

8、Number:调用对象自身的valueOf方法。如果返回原始类型的值,则直接对该值使用Number函数,不再进行后续步骤。如果valueOf方法返回的还是对象,则改为调用对象自身的toString方法。如果返回原始类型的值,则对该值使用Number函数,不再进行后续步骤。如果toString方法返回的是对象,就报错。

String:先调用对象自身的toString方法。如果返回原始类型的值,则对该值使用String函数,不再进行以下步骤。如果toString方法返回的是对象,再调用valueOf方法。如果返回原始类型的值,则对该值使用String函数,不再进行以下步骤。如果valueOf方法返回的是对象,就报错。

Boolean:undefined null -0 0或+0 NaN ''(空字符串)为false,其余为true。

9、Error构造函数,所有抛出的错误都是这个构造函数的实例。

原生错误类型:SyntaxEror(语法错误),ReferenceError(引用一个不存在的变量),RangeError(值超出范围),TypeError,URIError,EvalError。

如果没有发生错误,则运行finally代码块关闭文件;一旦发生错误,则先使用catch代码块处理错误,再使用finally代码块关闭文件。

10、避免使用全局变量。如果不得不使用,用大写字母表示变量名。

所有函数都应该在使用之前定义,函数内部的变量声明,都应该放在函数的头部。

建议使用Object.create()命令,替代new命令。

不要使用“相等”(==)运算符,只使用“严格相等”(===)运算符。

建议自增(++)和自减(--)运算符尽量使用+=-=代替。

建议避免使用switch...case结构,用对象结构代替。

三、标准库

1、Object.keys方法只返回可枚举的属性,Object.getOwnPropertyNames方法还返回不可枚举的属性名。

var type = function (o){var s = Object.prototype.toString.call(o);return s.match(/\[object (.*?)\]/)[1].toLowerCase();};比typeof更准确。

2、concat方法返回当前数组的一个浅拷贝。所谓“浅拷贝”,指的是如果数组成员包括复合类型的值(比如对象),则新数组拷贝的是该值的引用。

push方法还可以用于向对象添加元素,添加后的对象变成类似数组的对象,即新加入元素的键对应数组的索引,并且对象有一个length属性。[].push.call(a,1)。

slice方法的一个重要应用,是将类似数组的对象转为真正的数组。Array.prototype.slice.call({...})。

map方法对数组的所有成员依次调用一个函数,根据函数结果返回一个新数组。map通过call方法还可以用于字符串。

3、valueOf()返回包装对象实例对应的原始类型的值。toString()返回实例对应的字符串形式。

原始类型的值,可以自动当作对象调用,即调用各种对象的方法和参数。这时,JavaScript引擎会自动将原始类型的值转为包装对象,在使用后立刻销毁。

4、Number:toString(),toFixed()小数位数,toExponential()科学计数法,toPrecision()指定位数的有效数字。

5、String:用slice代替substring。search方法的用法等同于match,但是返回值为匹配的第一个位置。

6、Math.round(-1.5)。返回随机字符串:

 function random_str(length) {
var a = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
var str = '';
for (var i=0; i < length; ++i) {
var rand = Math.floor(Math.random() * a.length);
str += a.slice(rand, rand + 1);
}
return str;
}

7、Date:getYear():返回距离1900的年数。valueOf方法返回实例对象距离1970年1月1日00:00:00 UTC对应的毫秒数,该方法等同于getTime方法。

8、正则:regex.test(string)返回布尔值。regex.exec(string)返回数组,有lastIndex属性。string.match(regex)不匹配返回null。search返回第一个满足条件的匹配结果在整个字符串中的位置,否则-1。

9、JSON:JSON.stringify,JSON.parse方法用于将JSON字符串转化成对象

10、console

11、属性描述对象

四、面向对象编程

1、JavaScript的对象体系是基于构造函数(constructor)和原型链(prototype)的。使用构造函数(constructor)作为对象的模板(首字母大写)。

    new命令的作用,就是执行构造函数,返回一个实例对象。new命令总返回一个对象。

如果构造函数内部有return语句,而且return后面跟着一个对象,new命令会返回return语句指定的对象;否则,就会不管return语句,返回this对象。

2、this

在全局环境使用this,它指的就是顶层对象window。构造函数中的this,指的是实例对象。当A对象的方法被赋予B对象,该方法中的this就从指向A对象变成了指向B对象。

3、prototype

原型对象的作用,就是定义所有实例对象共享的属性和方法。

constructor属性的作用,是分辨原型对象到底属于哪个构造函数。

instanceof运算符用来比较一个对象是否为某个构造函数的实例。

Object.getPrototypeOf方法返回一个对象的原型。

Object.setPrototypeOf方法可以为现有对象设置原型,返回一个新对象。

对象实例的isPrototypeOf方法,用来判断一个对象是否是另一个对象的原型。

4、Object对象与继承

5、面向对象编程的模式

五、DOM(未看)

1、对于HTML文档,节点主要有以下六种类型:Document节点、DocumentType节点、Element节点、Attribute节点、Text节点和DocumentFragment节点。

六、浏览器环境

1、浏览器核心:渲染引擎和JavaScript引擎,

如果脚本之间没有依赖关系,就使用async属性,如果脚本之间有依赖关系,就使用defer属性。如果同时使用asyncdefer属性,后者不起作用,浏览器行为由async属性决定。

重流必然导致重绘,重绘不一定需要重流。

根据页面本身的协议来决定加载协议,这时可以采用下面的写法。<script src="//example.js"></script>

2、window.location === document.location。

    URL编码:encodeURI(),encodeURIComponent(),decodeURI(),decodeURIComponent()。

3、history.back()返回上一页(从浏览器缓存中加载)。

URLSearchParams API用于处理URL之中的查询字符串,即问号之后的部分。

URLSearchParams还可以与URL接口结合使用。var url = new URL(location);url.searchParams就是URLSearchParams {}对象。

4、每个Cookie的大小一般不能超过4KB。

Cookie保存以下几方面的信息:Cookie的名字,Cookie的值,到期时间,所属域名(默认是当前域名),生效的路径(默认是当前网址)。

window.navigator.cookieEnabled属性返回一个布尔值,表示浏览器是否打开Cookie功能。document.cookie属性返回当前网页的Cookie。

两个网址只要域名相同和端口相同,就可以共享Cookie。

5、sessionStorage和localStorage。

JSONP:网页通过添加一个<script>元素,向服务器请求JSON数据,这种做法不受同源政策限制;服务器收到请求后,将数据放在一个指定名字的回调函数里传回来。

WebSocket是一种通信协议,使用ws://(非加密)和wss://(加密)作为协议前缀。

6、浏览器将CORS请求分成两类:简单请求(simple request)和非简单请求(not-so-simple request)。

JSONP只支持GET请求,CORS支持所有类型的HTTP请求。

7、Notification API是浏览器的通知接口,用于在用户的桌面(而不是网页上)显示通知信息。

8、Performance API用于精确度量、控制、增强浏览器的性能表现。

七、语法专题:

1、JavaScript引擎有多个线程,单个脚本只能在一个线程上运行,其他线程都是在后台配合。

为了利用多核CPU的计算能力,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程,但是子线程完全受主线程控制,且不得操作DOM。

所谓Event Loop机制,指的是一种内部循环,用来一轮又一轮地处理消息队列之中的消息,即执行对应的回调函数。(异步模式)

所有任务分为同步任务和异步任务。

2、如果被setTimeout推迟执行的回调函数是某个对象的方法,那么该方法中的this关键字将指向全局环境。

setIntervel具有累积效应。

3、Promise是JavaScript异步操作解决方案。

4、严格模式

以上笔记总结自—— http://javascript.ruanyifeng.com/

JavaScript标准参考教材(alpha)--笔记的更多相关文章

  1. Canvas API -- JavaScript 标准参考教程(alpha)

    Canvas API -- JavaScript 标准参考教程(alpha) Canvas API

  2. JavaScript 标准参考教程(alpha) 阮一峰

    JavaScript 标准参考教程(alpha)http://javascript.ruanyifeng.com/#introduction

  3. Javascript标准参考教程学习记录

    教程:http://javascript.ruanyifeng.com/ 基本语法 - 函数 1.函数名的提升 JavaScript引擎将函数名视同变量名,采用function命令声明函数时,整个函数 ...

  4. Javascript 标准参考教程

    http://javascript.ruanyifeng.com/grammar/array.html

  5. 记阮一峰---JavaScript 标准参考教程之标准库-Object对象

    在看到阮大神的-标准库-Object对象时 有个 类型判断类型 方法可能以后会用到.特此记录一下 4.3:toString()的应用:判断数据类型 Object.prototype.toString方 ...

  6. *JavaScript标准参考教程 - 阮一峰

    参考 页向对象编程的模式(继承&模块化)

  7. JavaScript 核心参考教程 内置对象

    这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft).Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 ...

  8. 《javascript权威指南》读书笔记——第一篇

    <javascript权威指南>读书笔记——第一篇 金刚 javascript js javascript权威指南 由于最近想系统学习下javascript,所以开始在kindle上看这本 ...

  9. 《零基础学JavaScript(全彩版)》学习笔记

    <零基础学JavaScript(全彩版)>学习笔记 二〇一九年二月九日星期六0时9分 前期: 刚刚学完<零基础学HTML5+CSS3(全彩版)>,准备开始学习JavaScrip ...

随机推荐

  1. Vue.js——60分钟browserify项目模板快速入门

    概述 在之前的一系列vue.js文章,我们都是用传统模式引用vue.js以及其他的js文件的,这在开发时会产生一些问题. 首先,这限定了我们的开发模式是基于页面的,而不是基于组件的,组件的所有代码都直 ...

  2. Google Java编程库Guava介绍

    本系列想介绍下Java下开源的优秀编程库--Guava[ˈgwɑːvə].它包含了Google在Java项目中使用一些核心库,包含集合(Collections),缓存(Caching),并发编程库(C ...

  3. JavaScript继承的模拟实现

    我们都知道,在JavaScript中只能模拟实现OO中的"类",也就意味着,在JavaScript中没有类的继承.我们也只能通过在原对象里添加或改写属性来模拟实现. 先定义一个父类 ...

  4. ABP源码分析四十:ZERO的Application和Tenant

    ABP的Zero模块以数据库为数据源实现了ABP框架中的tenant management (multi-tenancy), role management, user management, ses ...

  5. libuv源码分析前言

    Libevent,libev,libuv三者的区别所在? libevent提供了全套解决方案(事件库,非阻塞IO库,http库,DNS客户端),然而libevent使用全局变量,导致非线程安全.它的w ...

  6. Sql Server系列:SQL语句查询数据库中表、视图、存储过程等组成

    1. 查看用户表 select name from sys.tables select name from sys.objects where type='U' select name from sy ...

  7. 【转】string.Format对C#字符串格式化

    转自:http://blog.csdn.net/samsone/article/details/7556781 1.格式化货币(跟系统的环境有关,中文系统默认格式化人民币,英文系统格式化美元) str ...

  8. Android注解使用之使用Support Annotations注解优化代码

    前言: 前面学习总结了Java注解的使用,博客地址详见Java学习之注解Annotation实现原理,从本质上了解到什么注解,以及注解怎么使用?不要看见使用注解就想到反射会影响性能之类,今天我们就来学 ...

  9. 《PDF.NE数据框架常见问题及解决方案-初》

    <PDF.NE数据框架常见问题及解决方案-初> 1.新增数据库后,获取标识列的值: 解决方案:    PDF.NET数据框架,已经为我们考略了很多,因为用PDF.NET进行数据的添加操作时 ...

  10. # ios开发 @property 和 Ivar 的区别

    ios开发 @property 和 Ivar 的区别 @property 属性其实是对成员变量的一种封装.我们先大概这样理解: @property = Ivar + setter + getter I ...