JavaScript_高程三_01

2024年5月3日 95次阅读来源: alogy

JavaScript 简介

JavaScript完成

中心 (ECMAScript)
文档对象模子 (DOM)
浏览器对象模子 (BOM)

ECMAScript

ECMA-262定义是基础
Web浏览器是ECMAScript完成可以的宿主环境之一

宿主环境不仅供应基础的ECMAScript完成，同时也会供应当言语的扩大，以便言语和环境之间对接交互。而这些扩大-如DOM，则运用ECMAScript的中心范例和语法供应更多详细的功用，一边完成针对环境的操纵。别的宿主环境包括Node 和 Adobe Flash。

ECMA262规范划定
语法，范例，语句，症结字，保留字，操纵符，对象

语法和数据范例

文档对象模子 (DOM)

文档对象模子(DOM, Document Object Model) 是针对XML 进过扩大用于 HTML 的运用递次编程接口 (API, Application Programming Interface).

DOM 把悉数页面映照为多个层节点。HTML 或 XML 页面中的每一个组成部份都是某种范例的节点，这些节点又包括着差别范例的数据。

浏览器对象模子 (BOM)

供应与浏览器交互的要领和接口

在HTML中运用JavaScript

<scirpt>元素

async:可选。示意应当马上下载剧本，但不阻碍页面的别的操纵。比方：下载其他资本或守候加载别的的剧本。只对外部剧本文件有用。
charset ：可选。示意经由历程 src 属性指定的代码的字符集。由于大多数浏览器会疏忽它的值，因而这个属性很少运用。
defer ：可选。示意剧本可以延晚到文档完全被剖析和显现今后再实行。只对外部剧本文件有

效。IE7 及更早版本对嵌入剧本也支撑这个属性。

language ：已烧毁。原本用于示意编写代码运用的剧本言语（如 JavaScript 、 JavaScript1.2或 VBScript ）。大多数浏览器会疏忽这个属性，因而也没有必要再用了。
src ：可选。示意包括要实行代码的外部文件。
type ：可选。可以算作是 language 的替代属性；示意编写代码运用的剧本言语的内容范例（也称为 MIME 范例）。虽然 text/javascript 和 text/ecmascript 都已不被引荐运用，但一向以来运用的都照样 text/javascript 。现实上，服务器在传送 JavaScript 文件时运用的MIME 范例一般是 application/x–javascript ，但在 type 中设置这个值却可以致使剧本被疏忽。别的，在非IE浏览器中还可以运用以下值： application/javascript 和 application/ecmascript 。考虑到约定俗成和最大限定的浏览器兼容性，如今 type 属性的值照旧照样text/javascript 。不过，这个属性并不是必需的，假如没有指定这个属性，则其默许值仍为text/javascript 。

包括在<script>元素内部的 JavaScript 代码将被从上之下一次诠释。在剖析引擎对<scirpt>元素内部的统统代码实行王弼后，页面中的其他内容都不会被浏览器加载或显现。

只需不存在 defer 和 async 属性，浏览器都邑依据 <script> 元素在页面中涌现的先后递次对它们顺次举行剖析。换句话说，在第一个 <script> 元素包括的代码剖析完成后，第
二个 <script> 包括的代码才会被剖析，然后才是第三个、第四个……

标签的位置

以往，统统的<script> 元素都应当放在页面的 <head> 元素中。
作用：统统外部文件（包括 CSS 文件和 JavaScript 文件）的援用都放在雷同的处所，把悉数的JavaScript代码都被下载，剖析，实行完今后，才最先显现页面的内容(浏览器在碰到<body>标签时，才最先显现内容)。关于大型递次，需要许多JavaScript代码的页面来讲，会致使浏览器在显现页面时涌现显著的耽误。如今都习气把 JavaScript放在<body>元素中页面内容的背面，有些特别放入在特别位置。

耽误剧本

<scirpt>标签定义了 defer 属性，这个属性的用处是表明剧本在实行时不会影响页面的组织。也就是说，剧本会被延晚到悉数页面都剖析终了后再运转。因而，在 <scirpt> 元素中设置，defer属性，相当于示知浏览器马上下载，但耽误实行。

耽误剧本并不肯定会依据递次实行，也不肯定会在 DOMContentLoaded事宜触发前实行，因而最好只包括一个耽误剧本。

defer 属性只适用于外部剧本文件

把耽误剧本放在页面底部仍然是最好挑选

异步剧本

指定 async 属性的目的：不让页面守候两个剧本下载和实行，从而异步加载页面别的内容。发起异步剧本不要再加载时期修正DOM.
异步剧本肯定会在页面的 load 事宜前实行，但可以会在 DOMContentLoaded 事宜触发之前或今后实行。

基础观点

语法

辨别大小写
ECMAScript 中的统统（变量、函数名和操纵符）都辨别大小写

标识符
第一个字符必需是一个字母、下划线（ _ ）或一个美圆标记（ $ ）
其他字符可以是字母、下划线、美圆标记或数字

ECMAScript 标识符采纳驼峰大小写花样，也就是第一个字母小写，剩下的每一个单词的首字母大写

解释
// 单行解释
多行解释

严厉情势
严厉情势：JavaScirpt定义了一种差别的剖析与实行模子。

在严厉情势下ECMAScript3 中的一些不肯定的行动将获得处置惩罚，而且对某些不平安的操纵也会抛出毛病。

"use strict"

它是一个编译指导（pragma），用于通知支撑的 JavaScript 引擎切换到严厉情势。这是为不损坏 ECMAScript 3 语法而特地选定的语法.

// 可以在函数内部包括 这条编译指导
function doSomething(){
    "use strict";
    //函数体
}

语句

ECMAScript 中的语句以一个分号末端；假如省略分号，则由剖析器肯定语句的末端
加上分号也会在某些状况下增长代码的机能，由于如许剖析器就没必要再花时刻推想应当在那里插进去分号了。

变量

ECMAScript 的变量是松懈范例，松懈范例就是可以用来保留任何范例的数据。每一个变量仅仅是一个用于保留值的占位符。
定义变量时运用var 操纵符(var 是一个症结字)背面跟一个变量名 (一个标识符)

用 var 操纵符定义的变量将成为定义该变量的作用域中的部份变量。假如在函数中运用var 定义一个变量，那末这个变量在函数推出后就会被烧毁。

数据范例

ECMAScript 中有 5 中简朴数据范例(基础数据范例): Undefined , Null, Boolean, Number, String. 一种庞杂数据范例：Object。
Object实质上是由一组无序的名值对组成的。
ECMAScript不支撑任何竖立自定义范例的机制。
ECMAScript数据范例具有动态性，因而没有定义别的数据范例的必要。

typeof 操纵符
作用：检测数据范例
typeof 是一个操纵符而不是函数

“undefined” ——假如这个值未定义；
“boolean” ——假如这个值是布尔值；
“string” ——假如这个值是字符串；
“number” ——假如这个值是数值；
“object” ——假如这个值是对象或 null ；
“function” ——假如这个值是函数。

挪用 typeof null 会返回 “object” ，由于特别值 null 被以为是一个空的对象援用

Undefined 范例

Undefined 范例只要一个值，特别的 undefined。在运用var 声明变量但未对其加以初始化，这个值就是 undefeind。

var a; // 变量声明今后默许就是 undefeind 不需要 指定赋值 undefined
var b = undefined;
a === b; // true

对未初始化的变量实行 typeof 操纵符会返回 undefined 值，而对未声明的变量实行 typeof 操纵符一样也会返回 undefined 值.

对未初始化和未声明的变量实行typeof 操纵符都返回了 undefined 值，由于这两种变量从手艺角度有实质区分，但现实上不论对那种变量也不可以实行真正的操纵。

Null 范例

Null 范例值是：null。 null示意一个空对象的指针， typeof操纵符检测 null 值时会返回 ‘object’

假如定义的变量预备在未来用于保留对象，那末最好将该变量初始化为 null。只需要检测null值，就可以晓得响应的变量是不是已保留了一个对象的援用。

undefined 值是派生自 null 值，因而 ECMA-262划定对它们的想等测试返回 true .


null == undefiend // true
null === undefiend // false

定义的变量预备算作真正保留对象，就明白的让该变量保留 null 值。表现 null 作为空对象指针的通例，有助于辨别 null 和 undefined

Boolean 范例

Boolean 范例是 ECMAScript 中运用得最多的一种范例，该范例字面值： true 和 false。
这两个值与数字值不是一回事，因而 true 不肯定即是 1，而 false 也不肯定即是 0.

Boolean 范例的字面值 true 和 false 是辨别大小写的。 True 和 False (以及别的的夹杂大小写情势) 都不是 Boolean 值，只是标识符。

ECMAScript 中统统范例的值都有与这两个Boolean值等价的值。要将一个值转换对应的Boolean值，可以挪用转型函数 Boolean();

false值： false, ” (空字符串) , 0, NaN, null, undefined

Number 范例

Number 范例运用 IEEE754 花样来示意整数和浮点数值(浮点数值在某些言语中也被称之为双精度数值)。 ECMA-262定义了差别的数值字符量花样：十进制，八进制，十六进制.

浮点数值
数值中必需包括一个小数点，而且小数点背面必需至少有一名数字.

由于保留浮点数值需要的内存空间是保留整数值的两倍，因而 ECMAScript会不失时机的将浮点数值转换为整数值。

假如小数点背面没有跟任何数字，这个数值就可以作为整数值来保留。假如浮点数值本身示意的就是一个整数(如1.0) , 这个数值也会被转换为整数

var floatNum = 1.; // 小数点背面没有数字 剖析成 整数1
var falotNum2 = 10.0; // 整数  剖析为 10

关于极大或极小的数值，可以用 e 示意法 (科学记数法) 示意浮点数值。用 e 示意法示意的数值即是 e 前面的数值乘以 10 的指数次幂

var floatNum = 3.125e7; // 即是 31250000

浮点数值的最高精度是 17 位小数，但在举行算术盘算时，其准确度远远不如整数。
比方：0.1+0.2 结果并不是 0.3 。而是 0.30000000000000004

数值局限

ECMAScript 可以示意的最小数值保留在 Number.MIN_VALUE，大多数浏览器为： 5e-324
可以示意的最大数值保留在 Number.MAX_VALUE ，值为： 1.7976931348623157e+308

超越数值的话，这个数值将被自动转换成特别的 Infinity 值。

这个数值是负数，则会被转换成 -Infinity (负无穷大) , 假如这个数值是正数，则会被转换成 Infinity (正无穷大)

某次盘算返回正或负的 Infinity 值，那末该值没法继续介入下一次的盘算。由于 Infinity 是不可以介入盘算的数值。
肯定一个数值是不是是有穷(换句话说，是不是是位于最大和最小的数值之间)，可以运用 isFinite() 函数，参数是位于最大与最小数值之间返回true。

var result = Number.MAX_VALUE + Number.MAX_VALUE; // Infinity
console.log( isFinite(result) ); //false;

NaN

NaN，非数值(Not a Number) 是一个特别的数值，这个数值用于示意一个原本要返回数值的操纵符未返回数值的状况(如许就不会抛出毛病).

任何数值除以 0会返回 NaN
只要 0除以 0 才会返回 NaN，正数除以 0 返回 Infinity，负数除以 0返回-Infinity。

10 / 0 // NaN

NaN特征：

任何触及 NaN 的操纵 (比方 NaN /10) 都邑返回 NaN (多不盘算中有可以致使题目)
NaN 与任何值都不相称，包括NaN 本身 (NaN == NaN //false)

isNaN() 函数, 剖断参数是不是”不是数值”

isNaN() 在吸收到一个值今后，会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值，比方字符串 “10” 或 Boolean
而并不是任何不能被转换为数值的值都邑致使这个函数返回true.

isNaN() 在吸收到一个值今后，会尝试将这个值转换为数值。
某些不是数值的值会直接转换为数值，比方字符串 “10” 或 Boolean.
不能转换胜利的数值的值，isNaN() 返回true .

console.log(isNaN(NaN)); // true
console.log(isNaN(10)); // false（10 是一个数值）
console.log(isNaN("10")); // false（可以被转换成数值 10）
console.log(isNaN("blue")); // true（不能转换成数值）
console.log(isNaN(true)); // false（可以被转换成数值 1）

console.log(isNaN({})); // true 
// isNaN() 适用于对象。在基于对象挪用 isNaN(); 函数时，会起首挪用对象的valueOf();要领，然后肯定该要领返回的值是不是可以转为数值，假如不能，则基于这个数值再挪用toString();要领，再测试返回值。假如不能返回true.

数值转换
非数值转换为数值: Number(); parseInt(); parseFloat();

Number() : 用于任何数据范例

划定规矩：
Boolean: true -> 1, false -> 0;
Bumber: 数字值, 简朴的传入和返回;
Null: null -> 0;
Undeinfed: undefined -> NaN;

String:
1: 假如字符串中只包括数字(包括前面带恰好或负号的状况),则将其转换为十进制数值。

Number('1');  // 1;
Number('123'); // 123;
Number('011'); // 11; (注重：前导零被疏忽);
Number('000000211'); // 211

2: 假如字符串中包括有用浮点花样。转换为对应的浮点数值 (会疏忽前导零);
3: 假如字符串中包括有用的十六进制花样，转换为雷同大小的十进制数值;
4: 假如是空字符串，转换为 0;
5: 字符串中包括别的之外的花样字符串，转换为NaN。

Object: 挪用对象的valueOf(); [与对象object相干的原始值(假如存在)。假如没有值与object相干，则返回对象本身。] 然后依据前面的划定规矩转换返回的值。假如转换结果是NaN。
则挪用对象的toString(); 要领，然后遵照前面的划定规矩转换返回的值。

parseInt(), parseFlaot(); : 把字符串转换成数值 (全力转换,能给转换的都转换)

是不是相符数值情势，会疏忽字符串前面的空格，直到找到第一个非空格字符.

假如字符不是数值字符或许负号，就返回 NaN。
parsetInt(); 转换空字符串会返回 NaN (Number() 对空字符串返回0 );

parsetInt(''); // NaN

假如第一个字符是数字字符， parseInt(); 会继续剖析第二个字符，直到剖析完统统后续字符串碰到一个非字符串字符.

parseInt('123bule'); // 1234  "1234blue" 被转换1234，"blue" 被疏忽
parseInt('22.2'); // 22 小数点并不是有用的数字字符
parseInt("0xf"); // 15（十六进制数）

parseFloat() 只剖析十进制值，没有用第二个参数指定基数的用法

var num1 = parseFloat("1234blue"); // 1234 （整数）
var num2 = parseFloat("0xA"); // 0
var num3 = parseFloat("22.5"); // 22.5
var num4 = parseFloat("22.34.5"); // 22.34
var num5 = parseFloat("0908.5"); // 908.5
var num6 = parseFloat("3.125e7"); // 31250000

String 范例
由零或多个 16 位 Unicode 字符组成的字符序列

字符字面量
\n 换行
\r 回车
字符串的特征
ECMAScript 中的字符串是不可变的，字符串一旦竖立，它的值就是不能转变的。要转变某个变量保留的字符串，起首要烧毁原本的字符串，然后再用另一个包括新值的字符串赋值。
转换为字符串
toString(); // 返回响应值的字符串
数值，布尔值，对象和字符串值 (每一个字符串都有一个toString();要领，该要领返回字符串的一个副本) 然则 null 和 undefined 没有这个要领

在不晓得要转换的值是不是是 null 或 undefined 的状况下，还可以运用转型函数 String() ，这个
函数可以将任何范例的值转换为字符串。

转型函数 String(); 可以将任何范例的值转为字符串。
String();转换划定规矩:
假如值有toString(); 要领，则挪用该要领(没有参数) 并返回响应的结果。
null -> ‘null’;
undefined -> ‘undefined’;

null 和 undefined 没有 toString() 要领，所以 String()函数就返回了这两个值的字面量

Object 范例

对象是一组数据和功用的鸠合。对象可以经由历程实行 new 操纵符后跟要竖立的对象范例的称号来竖立。而竖立Object 范例的实例并未其增添属性和要领。

Object 范例所具有的任何属性和要领也一样存在于更详细的对象中.

Object 的每一个实例都具有以下属性和要领:

constructor：保留着用于竖立当前对象的组织函数。
hasOwnProperty(prototyName) : 检测给定的属性在当前对象实例中(而不是在实例的原型中) 是不是存在。参数为属性名,必需以字符串情势指定 o.hasOwnPrototye(‘name’); //false or true
isPrototypeOf(object); 搜检传入的对象是不是是传入对象的原型
propertyIsEnumerable(propertyName) ：用于搜检给定的属性是不是可以运用 for-in 语句来罗列。与 hasOwnProperty() 要领一样，作为参数的属性名必需以字符串情势指定。
toLocaleString() ：返回对象的字符串示意，该字符串与实行环境的地区对应。
toString() ：返回对象的字符串示意。
valueOf() ：返回对象的字符串、数值或布尔值示意。一般与 toString() 要领的返回值
雷同。

函数

严厉情势对函数的一些限定：

不能把函数名定名为eval 或 arguments
不能把参数定名为 eval 或 arguments
不能涌现两个定名参数同名的状况

明白参数
在函数体内可以经由历程 arguments 对象来接见这个参数数组，从而猎取通报给函数的每一个参数。
arguments 对象只是与数组相似(它并不是 Array 的实例)

ECMAScript函数的一个特征：定名的参数只供应方便，但不是必需的。

没有通报值的定名参数将自动被给予undefined值。

严厉情势下
从写arguments的值会致使语法毛病。

不必指定函数的返回值，任何ECMAScript函数都可以在任何时刻返回任何值。
在未指定返回值的函数返回的是一个特别的 undefiend 值。

ECMAScript中没有函数署名的观点，函数参数是以一个包括零或多个值的数组的情势通报的。
可以向ECMAScript 函数通报恣意数量的参数，而且可以经由历程 arguments 对象来接见这些参数。
由于不存在函数署名的特征，ECMAScript 函数不能重载。

变量&作用域&内存题目

JavaScript 的变量松懈范例的实质，决议了它只是在特定时刻用于保留特定值的一个名字.
由于不存在定义某个变量必需要保留何种数据范例的值的划定规矩，变量的值及其数据范例可以在剧本的生命周期内转变。
一种既风趣又壮大同时又轻易出题目的特征。

基础范例和援用范例的值

数据范例：
基础范例：简朴的数据段
援用数据范例：由多个值组成的对象

动态的属性
竖立一个变量并未该变量赋值。当这个值保留到变量中今后，对差别范例的值可以实行的操纵则差别。
当复制保留着对象的某个变量时，操纵的是对象的援用。然则在为对象增添属性时，操纵的是现实的对象。

复制变量值
从一个变量想另一个变量复制基础范例的值，会在变量对象上竖立一个新值，然后把该变量复制到为新变量分派的位置上

从一个变量向另一个变量复制援用范例值的时刻，会将存储的变量对象中的值复制一份放入到新变量分派的空间中。差别的是，这个值的副本现实上是一个指针，而这个指针指向存储在队中的一个对象。复制操纵完毕后，两个变量现实大将援用同一个对象。转变个中一个变量，就会影响另一个变量。

var age = 10;
var price = 100;
// 如上：js诠释引擎先竖立2个变量名：age，price 
// 再为此2个变量请求，各自的变量空间地点，并取得地点，然后age，price的地点属性的值就是内存中的实在地点 
// 也就是说，变量名并不能表现变量的值，只能表现该变量在内存中的位置。

var a = 3; 

// 1:竖立变量，请求空间    2:变量指向该空间，并把值存储到响应内存空间； 

// 通报赋值： 
var b = a; 

// 1: 竖立变量，请求空间 2: 变量指向该空间，并猎取a变量对应空间的值，存储到内存b的响应空间 

// 变量之间的赋值，var b = a; 为例，不仅可以把a的值读掏出来，存储到b的响应空间，如许a，b 是互相自力的，修正互不影响对方；

通报参数
在向参数通报运用范例的值的时刻，会把这个值的内存中的地点复制给一个部份变量，因而这个部份变量的变化会反应在函数内部。

纵然在函数内部修正了参数的值，但原始的援用稳定。当函数内部重写参数，这个变量援用就是一个部份对象了。而这个部份对象会在函数实行终了后马上被烧毁。(可以把ECMAScript函数的参数设想成是部份变量，写时复制的机制)

function setName ( obj ) {
    obj.name = 'Ni';
    obj = new Object();
    obj.name = 'You';
}

var Person= new Object();
setName(Person);
console.log( Person.name ); // Ni

检测范例
typeof操纵符肯定一个变量是：字符串，数值，布尔值，照样undeined 范例

instanceof 操纵符检测是不是是当前类的实例

实行环境及作用域

实行环境：定义了变量或函数有权接见别的数据，决议了它们各自的行动。
每一个实行环境中都有一个变量对象( variable Object )

某个实行环境中的统统代码实行终了后，该实行环境会被烧毁，保留在个中的统统变量和函数定义也随之烧毁(全局实行环境晓得运用递次退出–比方封闭网页或许浏览器时才会被烧毁)

每一个函数都有本身的实行环境。当实行流入一个函数时，函数的环境就会被推入一个环境栈中。而在函数实行今后，栈将其环境弹出，把掌握权返回给之前的实行环境。

当代码在一个实行环境中实行时，会竖立变量对象的一个作用域链。
作用域链：保证对实行环境有权接见的统统变量和函数的有序接见。

假如这个实行环境是函数，则将其运动对象(activation Object) 作为变量对象。运动对象在最最先时至包括一个变量，即arguments对象(这个对象在全局环境中是不存在的)。

作用域链中的下一个变量对象来之包括(外部)环境，而再下一个变量对象则来自下一个包括实行换。一向延续到全局实行环境，全局实行环境的变量对象一直都是作用域链中的末了一个对象。

标识符剖析式沿着作用域链一级一级的搜刮标识符的历程。搜刮历程一直从作用域链的前端最先，然后逐级的向后回溯，直至找到标识符为止(假如找不到标识符，会致使毛病发作)

函数参数也被算作变量来看待，因而其接见划定规矩与实行环境中的别的变量雷同。

预编译阶段：

* 剖析参数
* 剖析变量声明
* 剖析函数声明

AO上的属性来至于三个方面：

* 参数，
* 部份变量声明
* 函数声明

起首剖析参数，把剖析的参数形参AO的属性，假如沾染来的实参，则把实参赋值给响应的属性。
其次剖析var声明，以var str = ‘hello’为例：把str声明为AO的属性，值为undefined.(假如var 声明的变量名与形参称号一致. 不发生影响., 由于AO的str属性已存在不发生影响.)
末了，剖析函数声明，(匿名匿名函数不可以) 函数在js中就是变量(高阶函数)

function 函数名() {};

函数声明，假定函数名为fn，函数声明会把函数赋值为AO的fn属性的值。

延伸作用域链

实行环境的范例统共只要两种：全局和部份(函数)，有别的方法来耽误作用域链。有些特别的语句可以在作用域链的前端暂时增添一个变量对象，该变量对象会在实行后被移除。

实行流入以下任何一个语句时，作用域链就会获得加长。

try-catch语句中的catch块。
catch语句，会竖立一个新的变量对象，个中包括的是被抛出的毛病对象的声明。
with语句
会将制订对象增添到作用域链中。

没有块级作用域

声明变量

运用 var 声明的变量会自动被增添到最接近的实行环境中。在函数内部，最接近的实行环境就是函数的部份环境。
在with语句中，最接近的实行环境是函数环境。
假如初始化变量时没有运用var 声明，该变量会自动被增添到全局实行环境。

查询标识符

在某个实行环境中为了读取或写入而援用的一个标识符时，必需经由历程搜刮来肯定该标识符现实代表什么。搜刮历程从作用域链的前端最先，向上逐级查询与给定名字婚配的标识符。

假如在部份实行环境中找到该标识符，搜刮历程住手，变量停当。假如在部份实行环境中没有找到该变量名，则继续沿作用域链向上搜刮，搜刮历程将一向追溯到全局环境的变量对象。假如在全局环境中也没有找到这个标识符，则该变量没有声明。

假如部份实行环境与父级实行环境中存在雷同的标识符，则运用部份实行环境的标识符。

渣滓网络

实行环境会担任治理代码实行历程当中运用的内存。

道理：找出那些不再继续运用的变量，然后开释器占用的内存。
实行：渣滓网络器会依据牢固的时刻距离(或代码实行中预定的网络时刻)，周期性的实行这一操纵。

标记消灭

渣滓网络器：给存储在内存中的统统变量都加上标记(可以运用任何标记体式格局)，然后去除实行换种的变量以及被实行环境中变量援用的变量的标记。末了完成内存消灭，烧毁带标记的值，而且接纳所占用的内存空间。

//渣滓网络  ，标记消灭 (模仿)
function test () {
    
    var a = 10;   //tick - 被运用
    var b = 20;   //tick - 被运用
    
}
test();  //实行终了 今后 ，a，b又被标记运用。  tick- 没有被运用
//在距离时刻中 接纳。  假如tick 没有被运用， 则接纳。
// 先在实行环境中全局被标记，然后去除为被运用的标记，掏出这些标记。

援用计数
援用计数：跟踪纪录每一个被援用的次数。当援用次数为0的时刻渣滓接纳机制清算
瑕玷：会发生轮回援用

//援用计数(模仿)
//假如变量被援用 ，  count = 1;
function test2 () {

    var a = 10;   //count = 1;
    var b = 20;

    var c;
    c = a;  //count++ = 2; //a 被 c 所运用 ，援用。

    a = 50;  //count--; //从新被赋值 count--   //守候 count 为 0 的时刻， 渣滓接纳机制  就接纳

}

机能题目

IE的渣滓网络器更具内存分派量运转
前提：抵达：256 个变量、4096 个对象（或数组）字面量和数组元素（slot）或许 64KB 的字符串的任和一个临界值。渣滓网络器就会运转。

治理内存

消除援用：数据不再运用，最好设置为null手动开释援用（局限：大多数全局变量和全局对象的属性）

结果：占用起码的内存让页面机能更好。优化内存的最好体式格局，为实行中的代码值保留必要的数据。

消除援用并不是自动接纳该值所占用内存。是让值脱离实行环境，被标记上没有运用，让渣滓网络器下次运转时将其接纳开释该值所占用的内存。

V8分派JavaScript对象构造

V8的机能提拔症结三个部份:

疾速属性接见
动态机器码天生
高校的渣滓网络

[ class / map ] -> ... ; 指向内部类
[ properties  ] -> [empty array]
[ elements    ] -> [empty array] ; 数值范例称号的属性
[ reserved #1 ] -\
[ reserved #2 ]  |
[ reserved #3 ]  }- in object properties,即预分派的内存空间
...............  |
[ reserved #N ] -/

在竖立新的对象时，V8会竖立某个预分派的内存地区来寄存所谓的in-object属性，预分派地区的大小由组织函数中的参数量次决议(this.field=expr).当你盘算向对象中增添某个属性时，V8起首会尝试放入所谓的in-order槽位中。当in-object槽位过载今后，V8会尝试将心的属性增添到out-of-obejct属性列表。而属性名与属性下标映照关联即寄存所谓隐蔽累中。
比方：{a: 1, b: 2, c: 3, d: 4}对象的存储体式格局可以以下：

[ class         ] -> [a: in obj #1, b: in obj #2, c: out obj #1, d: out obj #2]
[ properties     ] -> [ 3 ] [ 4 ]; this is linear array
[ elements     ]
[ 1 ]
[ 2 ]

跟着属性数量标增添，V8会转回到传统的字典情势/哈希表情势:

[ class ] -> [ OBJECT IS IN DICTIONARY MODE ]
[ preperties ] -> [a: 1, b: 2, c: 3, d: 4, e: 5]; this is classical hash tab
[ elements ]

援用范例

援用范例的值(对象)是援用范例的一个实例

Object范例

表达式上下文：可以返回一个值(表达式)

对象字面量是向函数通报大批可选参数的首选体式格局。

Array 范例

数组最多可以包括： 4294967295。假如想增添就会发作异常。可以会致使运转时刻超长的剧本毛病。

检测数组

instanceof操纵符：假如网页中存在多个框架，那末现实上就存在两个以上差别的全局实行环境，从而存在两个以上的差别版本的Array组织函数。

假如从一个框架向另一个框架传入一个数组，那末传入的数组与在第二个框架中原生竖立的数组离别具有差别的组织函数。

if ( value instaceof Array ) {}

Array.isArray() : 肯定某个值究竟是不是是数组，而不论它是在谁人全局实行环境中竖立的。

转换要领
统统对象都具有 toLocaleString(); toString(); valueOf(); 要领

arr.toString(): 会返回由数组中的每一个值的字符串情势拼接而构成的一个以逗号支解的字符串。
arr.valueOf(): 返回的照样数组

var arr = [1, 2, 3, 5];
alert( arr.toString() ); // 1,2,3,5
alert( arr.valueOf() ); // 1,2,3,5
alert( arr ); // 1,2,3,5
// alert(); 要吸收字符串参数，所以JavaScript引擎会在背景挪用toString(); 要领。

toLocaleString(); 会返回与toString(); 和 valueOf(); 要领雷同的值，然则也不是老是云云。当挪用数组的toLocaleString(); 要领时，会竖立一个数组值以逗号分开的字符串。
差别之处：为了取每一项的值挪用的是每一项的toLocaleString(); 而不是toString(); 要领。

var person1 = {
    toLocaleString : function () {
        return "Nikolaos";
    },
    toString : function() {
        return "Nicholas";
    }
};

var person2 = {
    toLocaleString : function () {
        return "Grigorios";
    },
    toString : function() {
        return "Greg";
    }
};

var people = [person1, person2];

alert(people); //Nicholas,Greg
alert(people.toString()); //Nicholas,Greg
alert(people.toLocaleString()); //Nikolaos,Grigorios

假如数组中的某一项值是 null 或许undefined 那末在 join(); toLocaleString(); toString(); valueOf(); 要领返回的结果中以空字符串示意

栈要领
栈LIFO(Last-In-First-Out),(后进先出)的数据构造最新增添被最早移除。
推入：栈中项插进去
弹出：栈中项移除

push(); pop();

行列要领
行列数据构造： FIFO(First-In-First-Out)(先进先出)。
列表末端增添项
列表前端移除项

unshift(); shift();

重排序要领
reverse(); sort();
返回值是经由排序今后数组。影响原数组

// sort(); 吸收一个参数作为参数
function compare ( val1, val2 ) {
    
    val1 < valu2 ? 1 : -1;

}
sort(conpare);

操纵要领
concat() ：衔接数组。不影响原本数组
先竖立当前数组的副本，然后将吸收到的参数增添到这副本的末端，返回新构建的数组。
在没有给concat()要领通报参数的状况下，只是复制当前数组并返回副本。假如通报的值不是数组，值会被简朴的增添到结果数组的末端。

slice(); 拆分数组，不影响原本数组
基于当前数组中的一或多个项竖立一个新数组。
参数：返回项的肇端和完毕位置。
一个参数：返回从该参数指定位置最先到当前数组的末端统统项
二个参数：返回肇端位置和完毕位置之间的项(不包括完毕位置的项)

假如 slice() 要领中的参数有负数，则用数组的长度加上概述来肯定响应的位置

var arr = [1, 2, 3, 4, 5];
slice(-2, -1); // slice(3, 4);

假如完毕位置小于肇端位置，返回空数组。

splice(): 向数组中部插进去项(重要用法)

arr.splice(最先项,[掌握几位数,值]);

splice()要领一直都邑返回一个数组，该数组中包括从原始数组中删除项(假如没有删除任何一项，返回一个空数组)

位置要领

indexOf() 和 lastIndexof();
返回要查找的项(查找的项必需严厉相称。就像是用 === 运算符推断)地点的数组中的位置，没有查找到的状况下返回 -1

迭代要领

every() ：对数组中的每一项运转给定函数，假如该函数对每一项都返回 true ，则返回 true
filter() ：对数组中的每一项运转给定函数，返回该函数会返回 true 的项组成的数组。
forEach() ：对数组中的每一项运转给定函数。这个要领没有返回值。
map() ：对数组中的每一项运转给定函数，返回每次函数挪用的结果组成的数组。
some() ：对数组中的每一项运转给定函数，假如该函数对任一项返回 true ，则返回 true

Date范例

Date 范例保留的日期可以准确到 1970.1.1 之前或今后的 285616年

Date.parse(); 返回吸收日期的毫秒数。
参数：日期的字符串参数，假如不是字符串示意，则返回NaN。

Date.now(); 返回挪用这个要领时的日期和时刻的毫秒数

+new Date(); 运用+操纵符把 Data 对象转换成字符串. 把日期花样转成毫秒数

继续的要领

Date 范例重写了 toLocaleString(); toString(); valueOf();

toLocaleString() 要领会依据浏览器设置的地区相适应的花样返回日期和时刻。
时刻花样会包括AM或PM，但不会包括时区信息(浏览器而异)

"2016/7/20 下昼2:13:04"

toString() 要领返回带有时区信息的日期时刻

valueOf() 返回毫秒数

日期花样化要领

toDateString() ——以特定于完成的花样显现礼拜几、月、日和年；
toTimeString() ——以特定于完成的花样显现时、分、秒和时区；
toLocaleDateString() ——以特定于地区的花样显现礼拜几、月、日和年；// “2016/7/20”
toLocaleTimeString() ——以特定于完成的花样显现时、分、秒； // “下昼2:16:46”
toUTCString() ——以特定于完成的花样完全的 UTC 日期。

日期/时刻组件要领

getTime() 日期的毫秒数，与valueOf() 返回值雷同
getFullYear(); 年
geMonth(); 月
getDate(); 日，日期月份中的天数（1到31）
getDay(); 礼拜，日期中礼拜的礼拜几（个中0示意礼拜日，6示意礼拜六）
getHours(); 小时
getMinutes(); 分
getSeconds(); 秒
getMilliseconds(); 毫秒

RegExp 范例

情势：

g ：全局(global)情势，运用于统统字符串，而非在发明第一个婚配项时马上住手
i : 不辨别大小写(case-insensitive)情势，肯定婚配项时疏忽情势与字符串的大小写。
m : 多行(multiline)情势，在抵达一行文本末端时还会继续查询下一行中是不是存在与情势婚配的项。

RexExp组织函数竖立正则：
参数1：婚配的字符串情势
参数2：可选的标志字符串

new RegExp('[bc]at', 'i');

RegExp 实例属性

global: 布尔值，是不是设置了 g 标志
ignoreCase : 布尔值是不是设置了 i 标志
laseIndex : 整数，最先搜刮下一个婚配项的字符位置，从0算起。
multiline: 布尔值是不是设置了 m 标志
source : 正则表达式的字符串示意，依据字面量情势非传入组织函数中的字符串情势返回

var pattern1 = /\[bc\]at/i;
alert(pattern1.global); //false
alert(pattern1.ignoreCase); //true
alert(pattern1.multiline); //false
alert(pattern1.lastIndex); //0
alert(pattern1.source); //"\[bc\]at"

var pattern2 = new RegExp("\\[bc\\]at", "i");
alert(pattern2.global); //false
alert(pattern2.ignoreCase); //true
alert(pattern2.multiline); //false
alert(pattern2.lastIndex); //0
alert(pattern2.source); //"\[bc\]at"

RegExp 实例要领

exec(); 返回数组或 null。

exec是英语execute的意义，CEO首席实行官，E就是executive实行的
“实行” 把正则式放到字符串上实行

每次实行结果顺次输出，不论结果有几个，一次只输出一个，假如屡次输出，会坚持前面的援用。当婚配凌驾原字符串的时刻，会返回null。然后碰到null，指针返回到婚配的字符的第一名。具有迭代器的觉得。

var str = 'ABCDEFG1234567abcdefg';
var reg = /[a-z]/g;
console.log( a=/[a-z]/g.exec(str) );

var a;
while( a=reg.exec(str) ){  //这边 null 为 fasle。 exec() 会坚持对前面一次的援用。 需要运用 值来赋值。
    console.log( a );
}

test(); 目的字符串与某个情势是不是婚配，但不需要晓得其文本内容。
返回布尔值

RegExp 实例继续 toLocaleString(); 和 toString()， valueOf() 都邑返回正则表达式自字面量。

RegExp 组织函数属性

RegExp.$1 、 RegExp.$2 … RegExp.$9 ，离别用于存储第一、第二……第九个婚配的捕捉组.
在挪用exec(); 或 test() 要领时，这些属性会被自动添补。

Function 范例

每一个函数都是Fcuntion范例的实例，而且都有与别的援用范例一样具有属性和要领。
由于函数是对象，因而函数名现实上也是一个指向函数对象的指针，不会与某个函数绑定，函数就是变量。

Fcuntion 组织函数定义函数：
Function组织函数可以吸收恣意的数量的参数，但末了一个参数被算作函数体，而前面的参数则罗列出了新函数的参数。


var sum = new Function('num1', 'num2', 'return num1 + num2');

瑕玷：
致使剖析两次代码，影响机能 . (函数是对象，函数名是指针)
1：剖析通例ECMAScript代码
2：剖析传入组织函数中的字符串
由于函数名仅仅是指向函数的指针，因而函数名与包括对象指针的别的变量没有什么差别。

没有重载
重写原本的代码，会掩盖前面的同名函数。

函数声明与函数表达式

剖析器在向实行环境中加载数据时，对函数声明和函数表达式并不是厚此薄彼。剖析器会领先读取函数声明，并使其在实行任何代码之前可用(可以接见)。函数表达式，则必需守候剖析器实行到它地点的代码行，才会真正的被诠释实行。

剖析器经由历程一个名为函数声明提拔(function declaraion hoisting)的历程，读取并将函数声明增添到实行环境中，对代码求值时，JavaScript引擎在第一遍会声明函数并将他们放到源代码数的顶部。

可以同时运用函数声明和函数表达式。比方： var sum = function sum () {}; // 在Safari中会致使毛病。

作为值的函数
高阶函数：ECMAScript中函数名本身就是变量，所以函数可以作为值来运用。可以作为参数通报，也可以算作一个函数的返回值将其返回。（从一个函数中返回另一个函数）

函数内部属性

函数内部，特别的对象： argument 和 this。
arguments：类数组对象，包括着传入函数中的统统参数，arguments的重要用处是保留函数的参数，但这个对象有一个 callee的属性，该属性是一个指针，指向具有这个arguments对象的函数。

this : this 援用的是这个函数据以实行的环境对象。
函数的作用域，不取决于运转时的环境，而取决于函数声明时的环境.

window.color = "red";
var o = { color: "blue" };

function sayColor(){
    alert(this.color);
}

sayColor(); //"red"
o.sayColor = sayColor;
o.sayColor(); //"blue"

// 纵然是在差别的环境中实行，全局的 sayColor() 函数与 o.sayColor() 指向的仍然是同一个函数。 （函数名是一个包括指针的变量）

caller : 挪用当前函数的函数援用。假如在全局作用域中挪用当前函数，它的值为null。

严厉情势下，接见arguments.callee会致使毛病。
ECMAScript5定义arguments.caller 属性，严厉情势下接见它致使毛病，非严厉情势下接见值为undefined。
作用：分清arguments.caller 和函数的 caller 属性。
严厉情势下，caller是只读的，不能为函数的caller属性赋值，否则会致使毛病。

函数属性和要领
每一个函数包括属性：length ，prototype
length属性示意函数吸收到定名参数的个数
prototype：保留它们统统实例的要领。

ECMAScript中援用范例，prototype保留统统实例要领，比方：toString() 和valueOf()等要领现实上都保留prototype属性下
ECMAScript5中，prototype属性是不可罗列的。

每一个函数都包括两个非继续而来的要领：apply(); 和 call();
用处：特定的作用域中挪用函数。设置函数体内的this对象值。(扩大函数运转的作用域)

fn.call(obj);
让fn以运转，而且fn中的this以obj身份运转

在严厉情势下，未指定环境对象而挪用函数，则this值不会转型为window。this值将为undefined

bind : 会竖立函数的实例，其this值会被绑定通报给bind()函数的值.

window.color = 'red';

var o = {
    color: 'blue'
}

function sayColor () {
    alert(this.color);
}

var objectSayColor = sayColor.bind(o);

objectSayColor();

每一个函数继续的 toLocaleString(); 和 toString(); valueOf() 要领一直都函数函数的代码。

基础包装范例

var s1 = 'some text';
var s2 = s1.substring(2);

步骤：
1：竖立String()范例的一个实例
2：在实例上挪用指定的要领
3：烧毁这个实例

// 相似历程
var s1 = new String('some text');
var s2 = s1.substring(2);
s1 = null;

援用范例与基础包装范例的重要区分：对象的生存期
运用new操纵符竖立的援用范例实例，在实行流脱离当前作用域之前都一向保留在内存中。而自动竖立的基础包装范例的uxiiang，则只存在于一行代码的实行霎时，然后马上被烧毁。意味着不能在运转时为基础范例增添属性和要领。

var s1 = 'some text';
s1.color = 'red';
alert(s1.color); // undeifned

Object 组织函数会像工场要领一样，依据传入值的范例返回响应基础包装范例的实例。

var obj = new Object(true);
console.log( obj instanceof Boolean ); // true

运用 new 挪用基础包装范例的组织函数，与直接挪用同名的壮行函数式不一样。

var value = "25";

var number = Number(value); //  转型函数
alert(typeof number); //"number"

var obj = new Number(value); // 组织函数
alert(typeof obj); //"object"

Boolean 范例

重写了valueOf() 要领，返回基础范例true或false，重写了toString()要领，返回字符串 “true” 和 “false”

var t = new Boolean(true);
console.log(t); // Boolean {[[PrimitiveValue]]: true}

Number 范例

重写了valueOf(); toLocaleString(); toString(); 要领
valueOf(); 返回对象示意的基础范例的数值
toString(); 返回字符串情势的数值。

var num = new Number(19);
console.log(num); // Number {[[PrimitiveValue]]: 100}

String 范例
继续的valueOf() , toLocaleString(); toString(); 要领都返回对象所示意的基础字符串值
String范例每一个实例都有一个length属性，示意字符串包括若干个字符.

var str = new String('hello');
console.log(str); // String {0: "h", 1: "e", 2: "l", 3: "l", 4: "o", length: 5, [[PrimitiveValue]]: "hello"}

字符串的情势婚配要领
match();
参数：正则表达式或许RegExp对象，只要一个参数。

serach(); 查找

replace(); 替代

参数1： RegExp对象或许一个字符串(字符串不会被转成正则表达式)
参数2：替代的字符串或一个函数。假如参数是字符串，那末替代第一个子字符串。假如需要替代统统子字符串，则供应一个正则表达式(需指定全局(g)标志)。
假如参数是一个函数：
在只要一个婚配项的状况下，会向这个函数通报3个参数：情势的婚配项，情势婚配项在字符串中的位置，和原始字符串。
在正则表达式中定义了多个捕捉组的状况下，函数的参数：情势婚配项，第一个捕捉组婚配项，第二个捕捉组婚配项，末了两个参数是情势婚配项在字符串中的位置和原始字符串。
该函数返回一个字符串，示意应当被替代的字符串。

split(); 支解字符串，返回数组
基于置顶的分开符将一个字符串支解成多个字符串，并将结果放在一个数组中。分开符可以是字符串，可以是一个RxgExp对象。可以吸收可选的第二个参数，用于指定数组的大小。

var colorText = "red,blue,green,yellow";
var colors1 = colorText.split(","); // ["red", "blue", "green", "yellow"]
var colors2 = colorText.split(",", 2); // ["red", "blue"]
var colors3 = colorText.split(/[^\,]+/); // ["", ",", ",", ",", ""]

单体内置对象

没必要显式的实例化内置对象，由于已实例化胜利了。
比方： Object ，Array， String,
单体内置对象：Global和Math

Global 对象
isNaN() 、 isFinite() 、 parseInt() 以及 parseFloat()
encodeURIComponent() 要领可以对 URI（Uniform Resource Identifiers，通用资本标识符）举行编码，以便发送给浏览器。
decodeURIComponent() 可以解码运用 encodeURIComponent() 编码。

eval(); 要领
参数：要实行的ECMAScript(或JavaScirpt)字符串

当剖析器发明代码中挪用eval()要领时，会将传入的参数算作ECMAScript剖析，然后把实行结果插进去到原位置。
经由历程eval()实行的代码被以为包括该次挪用的实行环境的一部份。被实行的代码具有与该实行环境雷同的作用域链。
eval()实行的代码可以援用在包括环境中定义的变量。

在 eval() 中竖立任何变量或函数都不会被提拔，由于在剖析代码的时刻，它们被包括在一个字符串中，只在eval()实行的时刻竖立。

严厉情势下：外部接见不到eval()中竖立的任何变量或函数。为eval赋值也会致使毛病。

可以诠释代码的字符串才能壮大，也异常风险。假如实行用户输入数据的状况，有可以会歹意输入要挟站点或运用递次平安的代码(所谓的代码注入)

Math对象
为保留数学公式和信息供应了一个大众位置

Math.ceil() 向上舍入，即它老是将数值向上舍入为最接近的整数；
Math.floor() 向下舍入，即它老是将数值向下舍入为最接近的整数；
Math.round() 规范舍入，即它老是将数值四舍五入为最接近的整数

Math.random(); 随机数
值 = Math.floor(Math.random() * 可以值的总数 + 第一个可以的值)

    原文作者：alogy
    原文地址: https://segmentfault.com/a/1190000005927692
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。