摘要：基本點(diǎn)數(shù)據(jù)結(jié)構(gòu)本來制作的是腦圖，思維導(dǎo)圖，導(dǎo)出來不好上傳，就這樣吧基本的數(shù)據(jù)類型區(qū)別區(qū)別表示聲明了一個變量，沒有初始化的情況下輸出該變量為以及未聲明直接一個未聲明的變量結(jié)果也為中的變量是弱類型的，中聲明一個即使未賦值也會自動初始化為類型的并

本來制作的是腦圖，思維導(dǎo)圖，導(dǎo)出來不好上傳，就這樣md+png吧

undefined,null區(qū)別

undefined,null區(qū)別：
1.undefined表示聲明了一個變量var a，沒有初始化的情況下輸出該變量為undefined以及未聲明直接typeof一個未聲明的變量結(jié)果也為undefined；js中的變量是弱類型的，java中聲明一個int即使未賦值也會自動初始化為int類型的0；并且如果一個變量未聲明，直接輸出該變量會報錯；
2.null表示Object類型的空引用；
3.typeof undefined="undefined"
typeof null="object"
Number(undefined)=NaN
Number(null)=0
null==undefined為true
4.typeof輸出的都是字符串，包括：undefined,object(對象和數(shù)組),string,number,boolean,function

操作符

一元操作符

只對數(shù)感興趣遞增和遞減++,--

遞增遞減遇只對數(shù)值感興趣“1”也會轉(zhuǎn)換成1；而普通的字符串都為NaN;
當(dāng)然所有的運(yùn)算遇到boolean值的都：false=0;true=1;
前置遞增（減）先增或減再其他操作，后置遞增（減），先執(zhí)行其他操作再對數(shù)值增或減

Number下一元+,-

+對數(shù)值無影響，非數(shù)值會Number()下，對象會valueOf()或toString()下再Number()
-先進(jìn)行+相同的轉(zhuǎn)換再取負(fù)

非數(shù)就拼接加性操作符

對同為數(shù)值的兩個操作數(shù)加法運(yùn)算
只要有一個是字符串就變成了拼接操作

typeof

"undefined"

"object"

"string"

"number"

"function"

"boolean"

位操作符

~:按位非，取負(fù)數(shù)減1
&:按位與，同為1真則為1真，其余為0假
|:按位或，有一個為1真則1真
^:按位異或，只有一個1時結(jié)果為
<<:左移

:有符號右移
:無符號右移，對負(fù)數(shù)來說無符號右移會得到很大的jieguo

關(guān)系操作符

!非
&&與
||或

六個感嘆號家族!

!a,當(dāng)a為何值時此條件為真；當(dāng)a為false或者Boolean()后為false;
Boolean(false) false
Boolean(0) false
Boolean(NaN) false
Boolean(undefined) false
Boolean(null) false
Boolean("") false

布爾操作符

Number乘性操作符

條件操作符

相等操作符

==

null==undefied

===

首先類型必須相同

逗號操作符

偽數(shù)組arguments

參數(shù)值和arguments偽數(shù)組存的值同步
嚴(yán)格模式下修改參數(shù)值，arguments內(nèi)的值不變，arguments值和執(zhí)行函數(shù)時傳入的參數(shù)個數(shù)一致
偽數(shù)組不具有真正數(shù)組的操作方法，有l(wèi)ength屬性，也可以訪問每一個元素

檢測數(shù)組

Array.isArray(arguments)為false
檢測數(shù)組的方法：
Array.isArray()
arr instanceof Array;此方法缺陷是不同框架創(chuàng)建的數(shù)組，分別是不同Array的實(shí)例

真正的數(shù)組

增刪改查

增

頭部添加arr.unshift("a");

返回值更改后數(shù)組的長度；原數(shù)組被更改
var a=[1,2,3];a.unshift(0);
4
var a=[1,2,3];a.unshift(0);a
[0, 1, 2, 3]

尾部添加arr.push("z");

自定義位置和數(shù)量arr.splice(0,0,1,2,3,4);

返回刪除的元素組成的shuzu
var a=[0,1,2,3];a.splice(4,0,5,6,7);a
[0, 1, 2, 3, 5, 6, 7]
var a=[0,1,2,3];a.splice(4,0,5,6,7);
[]

連接數(shù)組不改變原數(shù)組重新創(chuàng)建新數(shù)組arr.concat(arr1)

只是連接數(shù)組，不改變原數(shù)組；返回新數(shù)組
var a=[1,2,3];a.concat([0]);
[1, 2, 3, 0]
var a=[1,2,3];a.concat([0]);a
[1, 2, 3]

刪

頭部刪arr.shift("a");

返回第一個元素即刪除的元素；改變原來的數(shù)組
var a=[1,2,3];a.shift();
1
var a=[1,2,3];a.shift();a
[2, 3]

尾部刪arr.pop("z");

var a=[1,2,3];a.pop();
3
var a=[1,2,3];a.pop();a
[1, 2]

自定義位置和數(shù)量arr.splice(0,2);

返回刪除元素組成的數(shù)組；原數(shù)組gaibia
var a=[0,1,2,3];a.splice(0,3);
[0, 1, 2]
var a=[0,1,2,3];a.splice(0,3);a
[3]

改

arr.splice(第幾個元素位置,刪除的個數(shù),增加或修改為新數(shù));

刪除該位置元素，替換上新元素；返回刪除元素組成的數(shù)組，修改原shuzu
var a=[1,2,3];a.splice(0,1,0);
[1]
var a=[1,2,3];a.splice(0,1,0);a
[0, 2, 3]

查

查位置arr.indexOf("a");

返回該元素第一次出現(xiàn)的位置
var a=[1,2,3];a.indexOf(1);
0

查最后出現(xiàn)的位置lastIndexOf

不改變原數(shù)組返回切出來的數(shù)組arr.slice(0);

第一個參數(shù)從哪開始，第二個參數(shù)數(shù)幾個數(shù)；返回這幾個數(shù)組成的數(shù)組，不改變原數(shù)組；只有一個參數(shù)的情況下，取到最后
var a=[1,2,3];a.slice(0);
[1, 2, 3]
var a=[1,2,3];a.slice(0,2);
[1, 2]
var a=[1,2,3];a.slice(0,2);a
[1, 2, 3]

不改變原數(shù)組五個迭代

some(function(item,index,array){})

有一項(xiàng)符合要求就返回true

every

每一項(xiàng)都符合要求，最后返回tru

filter

返回符合條件的元素組成的shuz

map

返回新數(shù)組，對應(yīng)每一項(xiàng)都操作后的新數(shù)組

forEach

無返回值
var a=[1,2,3,4],b=[];a.forEach(function(item,index,array){b[index]=item-1});b
[0, 1, 2, 3]

不改變原數(shù)組兩個縮小

arr.reduce(function(pre,cur,index,array){return pre+cur});返回和

reduceRight()

查找最大值

Math.max.call(arr);

sort(逆序排序);取下標(biāo)0的元素值

排序

排序sort

默認(rèn)ASII碼值排序arr.sort()

數(shù)值正序arr.sort(function(a,b){return a-b;})

數(shù)值逆序arr.sort(function(a,b){return b-a;});

漢字按拼音排序arr.sort(function(a,b){return a.localeCompare(b);});正序啊你為

反轉(zhuǎn)reverse

var a=[4,1,2,5,3];a.reverse()
[3,5,2,1,4]

轉(zhuǎn)換

數(shù)組->字符串

.toString()

結(jié)果是以逗號隔開的字符串

.join(",")

返回以自定義符號隔開的字符串

.toLocaleString()

字符串->數(shù)組

.split("")

var str="1,2,3";var arr=str.split(",");

函數(shù)內(nèi)部屬性

偽數(shù)組參數(shù)arguments

arguments.callee

指向擁有該arguments對象的函數(shù)
遞歸函數(shù)會用到Arguments對象的callee屬性

上下文執(zhí)行環(huán)境對象this

當(dāng)在全局作用域調(diào)用函數(shù)，this指向window的引用
當(dāng)某個對象調(diào)用時，就指向?qū)ο蟮囊?br>var a={color:"red",getA:function(){console.log(this.color);}};var b=a.getA;b()
undefined
var color="window";var getA=function(){console.log(this.color)};var o={color:"o"};o.getA=getA;o.getA()
o

閉包

閉包概念：一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)；內(nèi)部函數(shù)可以訪問包含函數(shù)的變量外部無法訪問內(nèi)部函數(shù)的變量；
閉包優(yōu)缺點(diǎn)：封裝性，減少全局變量污染；對外部變量的引用導(dǎo)致垃圾回收無法清除變量造成內(nèi)存泄漏

內(nèi)存泄漏

哪些操作會造成內(nèi)存泄漏
閉包；循環(huán)引用；setTimeout第一個參數(shù)為字符串

垃圾回收

垃圾回收的兩種方式：
標(biāo)記清除，垃圾回收器運(yùn)行時給存儲在內(nèi)存的所有變量都加上標(biāo)記，然后去掉環(huán)境中的變量和被環(huán)境中變量引用著的變量的標(biāo)記，最后將仍舊被標(biāo)記著的變量清除釋放內(nèi)存（閉包就是因?yàn)樽兞咳耘f被引用著無法清除）
引用計數(shù)，跟蹤每個變量被引用的次數(shù)，當(dāng)一個變量被賦值給另一個變量時，該變量就被引用1次，當(dāng)賦值另外一個值時，該變量被引用次數(shù)減一（如果存在兩個變量循環(huán)引用，引用次數(shù)一直2，不能清除）

caller

調(diào)用當(dāng)前函數(shù)的函數(shù)的引用
var outter=function (){inner()};var inner=function(){console.log(arguments.callee.caller)};outter();
function (){inner()}
undefined
var outter=function (){inner()};var inner=function(){console.log(inner.caller)};outter();
function (){inner()}
嚴(yán)格模式下，caller屬性值不能修改

函數(shù)屬性和方法

屬性

length

函數(shù)需要接收的命名參數(shù)的個數(shù)

length!==arguments.length

arguments表示實(shí)例化時傳入的參數(shù)偽數(shù)組

prototype

原型鏈

將一個類的實(shí)例賦值給另一個類的原型形成原型鏈；
構(gòu)造函數(shù)、實(shí)例、原型之間的關(guān)系：每一個構(gòu)造函數(shù)都有一個原型，每一個原型對象都有一個指針指向構(gòu)造函數(shù)，每一個構(gòu)造函數(shù)的實(shí)例都有一個內(nèi)部屬性指向原型對象

繼承

原型鏈?zhǔn)嚼^承

原型鏈繼承導(dǎo)致引用類型的屬性被共享，并且子類實(shí)例不能向父類傳遞參數(shù)
function parent(){this.name="姓";this.friends=["w","f"];}
function child(){}
child.prototype=new parent();
var child1=new child();
var child2=new child();
console.log(child1.name);
console.log(child2.name);
VM15914:6 姓
VM15914:7 姓

function parent(){this.name="姓";this.friends=["w","f"];}
function child(){}
child.prototype=new parent();
var child1=new child();
var child2=new child();
console.log(child1.friends);child1.friends.push("m");
console.log(child2.friends);
VM15915:6 ["w", "f"]
VM15915:7 ["w", "f", "m"]

借用構(gòu)造函數(shù)繼承

方法在每個子類原型上都要創(chuàng)建一遍，無法達(dá)到方法共享
function parent(name){this.name=name;this.friends=[1,2,3]}
function child(name){parent.call(this,name);}
var child1=new child("1");
var child2=new child("2");
console.log(child1.name);
child1.name="3";
console.log(child1.name);
console.log(child2.name);
console.log(child1.friends);
child1.friends.push("m");
console.log(child1.friends);
console.log(child2.friends);
VM15918:1
VM15918:7 3
VM15918:8 2
VM15918:9 [1, 2, 3]
VM15918:11 [1, 2, 3, "m"]
VM15918:12 [1, 2, 3]

組合式繼承

call,new兩次導(dǎo)致實(shí)例和原型上都存在相同屬性
function parent(name){this.name=name;this.friends=[1,2,3]}
parent.prototype.getFriends=function(){console.log(this.friends);};
function child(name){parent.call(this,name)}
child.prototype=new parent();
var child1=new child();
var child2=new child();
child1.friends.push(4);
child1.getFriends();
child2.getFriends();
VM15920:[1, 2, 3, 4]
VM15920:[1, 2, 3]

寄生式繼承

function obj(o){
    function f(){}
    f.prototype=o;
    return new f();
}
function createChild(original){
    var clone=obj(original);
    clone.say=function(){
        console.log("hi");
    };
    return clone;
}
var parent={
    name:"p",
    friends:[1,2,3]
};
var child1=createChild(parent);
var child2=createChild(parent);
child1.friends.push(4);
console.log(child1.friends);
console.log(child2.friends);

VM15922:20 [1, 2, 3, 4]
VM15922:21 [1, 2, 3, 4]

原型式繼承

function obj(o){
    function f(){}
    f.prototype=o;
    return new f();
}
var parent={
    name:"p",
    friends:[1,2,3]
};
var child1=obj(parent);
var child2=obj(parent);
child1.friends.push(4);
console.log(child1.friends);
console.log(child2.friends);

VM15921:13 [1, 2, 3, 4]
VM15921:14 [1, 2, 3, 4]

寄生組合式繼承

function obj(o){
    function f(){}
    f.prototype=o;
    return new f();
}
function inheritPrototype(subType,supperType){
    var prototype=obj(supperType.prototype);
    prototype.constructor=subType;
    subType.portotype=prototype;
}
function parent(name){
    this.name=name;
    this.friends=[1,2,3];
}
function child(name){
    parent.call(this,name);
}
inheritPrototype(child,parent);
var child1=new child("1");
var child2=new child("2");
child1.friends.push(4);
console.log(child1.friends);
console.log(child2.friends);

VM15923:22 [1, 2, 3, 4]
VM15923:23 [1, 2, 3]

方法

fn.call(替換this的對象，傳入的參數(shù)序列);

fn.apply(替換this的對象，傳入?yún)?shù)組成的數(shù)組)

fn.bind(替換this的對象，傳入的參數(shù)序列);返回函數(shù)未執(zhí)行

var color={color:"red"};function a(num1,num2){console.log(this.color+num1+num2);} var b=a.bind(color,1,2);b()
VM15615:1 red12

面向?qū)ο缶幊?/h5>

封裝性

繼承

多態(tài)

自定義方法

深度克隆

深度克隆:
function clone(obj){

var buf=null;
if(Array.isArray(obj)){
    buf=[];
    for(var i=0,len=obj.length;i
}
數(shù)組去重定義，在Array.prototype上；但不更改原數(shù)組，返回一個新的數(shù)組
Array.prototype.unique=function(){
var hash={},r=[];
for(vari=0,len=this.length;i
}
return r
};
var a=[1,1,2,2,3,3];
a.unique();//返回的是r，a并未改變
內(nèi)置對象
Global
parseInt(num)
parseFloat(num)
Math
方法
向下取整Math.floor(num)
向上取整Math.ceil(num)
四舍五入Math.round(num)
Math.max(1,2,3)
Math.max.apply(null,arr)
Math.min(1,2,3)
Math.random()返回0-1之間的小數(shù)
Math.floor(Math.random()*10+1);1-10之間的10個數(shù)
function selectFrom(lowerValue,upperValue){
var choices=upperValue-lowerValue;
return Math.floor(Math.random()*choices+lowerValue);
}
selectFrom(1,5);
其他方法
絕對值Math.abs(num)
平方根Math.sqrt(num)
冪運(yùn)算Math.power(num,power)num的power次冪
Math.PI
1/2的平方根Math.SQRT1_2
BOM
Window.open(url,位置,大小)
window.open("http://baidu.com","someFrameName","height:400,width:400,top:10,left:10,resizable:yes")
第二個參數(shù)可以是
某個窗口的名稱
已存在的窗口_self,_parent,_top,_blank( 打開一個新的標(biāo)簽頁)
系統(tǒng)對話框
alert("msg")
confirm("msg")
prompt("msg","inputValue")
location
location屬性
?的內(nèi)容location.search
返回URL中？后的字符串location.search
"?isSave=1"
decodeURIComponent(ite)可以參數(shù)值解碼
的內(nèi)容location.hash
location.hash
"#/history?eventId=gulf_p_g_home_timech_ck&eventName=%E7%82%B9%E5%87%BB%E5%87%BA%E5%8F%91%E6%97%B6%E9%97%B4&appName=%E6%BB%B4%E6%BB%B4%E5%87%BA%E8%A1%8C&fav=1"
location.hostname
location.hostname
"bigdata-test.xiaojukeji.com"
location.pathname
"/ddc_action_analyse/"
location.port
""
location.port
location.pathname
方法
location.assign(url)打開網(wǎng)頁==window.location=url;location.href=url;
navigator
瀏覽器名稱navigator.appName
navigator.platform
navigator.plugins
screen
history
前進(jìn)
history(1)前進(jìn)一頁history(2)前進(jìn)兩頁
history.forward()前進(jìn)一頁
后退
history(-1)后退一頁
history.back()后退一頁
history.length===0表明用戶打開窗口后的第一個頁面
DOM
事件流
事件捕獲
目標(biāo)階段
事件冒泡
html事件標(biāo)簽中加onclick="name()"
dom0級事件elem.onclick=function(){};
dom2級事件
addEventListener(事件名稱click，處理函數(shù)，false表明發(fā)生在冒泡階段默然就是false)
事件委托和事件代理
ajax
json
同源策略+跨域方法
html
css
行內(nèi)元素
塊級元素
樣式
position+z-index
opacity,rgba
background-color=width+padding
垂直水平居中，flex
浮動，清除浮動
盒模型
布局
http
設(shè)計模式