Javascript

六大類型

Undefined
Null
Bollean
String
Number
Object

對象類型

原生對象:

  • 構(gòu)造函數(shù):Boolean, String, Number, Object, Function, Array, Date, RegExp, Error
  • 對象: Math, JSON
    宿主對象: window, navigator, document
    瀏覽器擴(kuò)展對象:
  • ActiveXObject, XML, Debug, Script, VBArray
  • 逐漸被棄用

隱式類型轉(zhuǎn)換:

  • Undefined轉(zhuǎn)為Number為NAN
  • 空字符串轉(zhuǎn)為Boolean為false
  • 所有的對象轉(zhuǎn)為Boolean都是true

類型識別:

  • typeof:
    • 判斷基礎(chǔ)類型,返回的是字符串
    • 如果是對象則返回'object'恶耽。
    • typeof null === 'object'
    • typeof Function === 'function'
  • instanceof
    • 判斷對象類型,可判斷子類
    • 不能判別原始類型:1 instanceof Number === false
  • Object.prototype.toString.call
    • 可以識別標(biāo)準(zhǔn)類型和內(nèi)置對象類型
    • 不能識別自定義對象類型
    • Object.prototype.toString.call(123) === 'Number'
  • constructor
    • 可以判別準(zhǔn)備類型、內(nèi)置對象類型、自定義對象類型
    • 不能判別null,Undefined
    • (1).constructor === Number
function getConstructorName(obj){
  return ( obj === undefined || obj === null )? obj+'' : obj.constructor.toString().match(/function\s*([^(]*)/)[1];
}
  • getConstructorName(null) --> null
  • getConstructorName(new Date()) --> 'Date'

函數(shù)

//函數(shù)聲明
function foo(){}

//函數(shù)表達(dá)式
var foo = function(){};

//函數(shù)實例化
var foo = new Function('i','console.log(1);');


//變量沾凄、函數(shù)聲明前置:

//function
console.log(foo);
//undefined
console.log(bar);

function foo(){}

var bar = function(){};

js作用域:對象题篷、函數(shù)有獨立作用域

函數(shù)調(diào)用方式

Function.prototype.apply(this, [])
Function.prototype.call(this, ...args)

//保存函數(shù)的參數(shù),以便直接調(diào)用
var fooCopy = foo.bind(this, ..args);
fooCopy();

arguments

arguments是一個Array-like對象

閉包

  • 相當(dāng)于一個對象佛掖,內(nèi)部可以維護(hù)成員變量和成員函數(shù)

原型vs類

  • 類是抽象概念,java中用類構(gòu)造對象涌庭。
  • 原型是一個對象(Function)苦囱,js中用對象(Function)構(gòu)造對象。

設(shè)置對象的原型

  1. Object.create(proto);
  • 傳入一個原型脾猛,返回一個對象
var Car = {
  start: function(){
    console.log('start');
  }
}
var landRover = Object.create(Car);
//'start'
landRover.start();
  1. 使用構(gòu)造函數(shù)構(gòu)造對象撕彤,使用prototype設(shè)置原型
var Car = function(){

}
Car.prototype.start = function(){
  console.log('start');
}

var landRover = new Car();
//'start'
landRover.start();

原型鏈繼承

//Car構(gòu)造函數(shù)
var Car = function(){

}
Car.prototype.start = function(){
  console.log('start');
}

//LandRover構(gòu)造函數(shù)
var LandRover = function(){

}
LandRover.prototype = new Car();

var landRover = new LandRover();
//start
landRover.start();

obj.hasOwnProperty(name);

  • 對象自身是否有該屬性

構(gòu)造函數(shù)的原型鏈

Car --> Function --> Object

LandRover --> Function --> Object

  • 因為Car和LandRover都是函數(shù)(Function)的實例,所以可以訪問Function的原型方法猛拴,即Function.prototype的方法羹铅,即Car.proto = Function.prototype
  • Function是Object的實例,所以可以訪問對象的原型方法愉昆,即Object.prototype的方法

JS變量作用域

  • JS使用靜態(tài)作用域
var x = 10;
function foo(){
  console.log(x);
}
function bar(){
  var x = 20;
  foo();
}
//10
bar();
  • JS沒有塊級作用域职员,只有全局作用域和對象(函數(shù))作用域
  • ES5中使用詞法環(huán)境管理靜態(tài)作用域(使用outer指向外層環(huán)境,內(nèi)層函數(shù)可以訪問外層變量)
  • with關(guān)鍵字可以創(chuàng)建臨時環(huán)境
var obj = {foo:'bar'};
with(obj){
  //'bar'
  console.log(foo);
}

聲明函數(shù)與函數(shù)表達(dá)式

  • 聲明函數(shù)會被提前定義跛溉,他的作用域為靜態(tài)作用域焊切,outer指向全局環(huán)境。
  • 函數(shù)表達(dá)式在執(zhí)行的時候才會被創(chuàng)建芳室,他的作用域為動態(tài)作用域专肪,outer指向當(dāng)前環(huán)境。

帶名稱的函數(shù)表達(dá)式

  • 執(zhí)行該表達(dá)式的時候堪侯,會動態(tài)創(chuàng)建一個作用域嚎尤,使得在函數(shù)內(nèi)可以使用A來訪問該函數(shù)。
  • 在函數(shù)外并不能訪問到A
(function foo(){
  //foo并沒有被修改
  foo = 1;
  //function
  console.log(foo);
})();
//error
console.log(foo);

使用函數(shù)表達(dá)式創(chuàng)建閉包

  • 利用函數(shù)表達(dá)式的作用域特性伍宦,可以創(chuàng)建閉包(內(nèi)部函數(shù)訪問外部函數(shù)的變量)芽死。
function foo(){
  var i = 0;
  return function(){
    console.log(i++);
  }
}
var bar = foo();
//0
bar();
//1
bar();

閉包的應(yīng)用

  • 保存現(xiàn)場(變量的值乏梁、狀態(tài)等)
//錯誤實例
function addHandlers(nodes){
  for(var i=0; i<nodes.length;i++){
    nodes[i].onclick = function(){
      //當(dāng)函數(shù)執(zhí)行的時候,i已經(jīng)變成了nodes.length关贵,所以所有的node都會打印nodes.length
      console.log(i);
    }
  }
}

//使用閉包
function addHandlers(nodes){
  //每調(diào)用一次helper遇骑,都會創(chuàng)建一個閉包,保存i的值
  function helper(i){
    return function(){
      //0 1 2 3
      console.log(i);
    };
  }
  for(var i=0;i<nodes.length;i++){
    nodes[i].onclick = helper(i);
  }
}

  • 封裝(信息隱藏揖曾,提供接口)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末落萎,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子翩肌,更是在濱河造成了極大的恐慌,老刑警劉巖禁悠,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件念祭,死亡現(xiàn)場離奇詭異,居然都是意外死亡碍侦,警方通過查閱死者的電腦和手機(jī)粱坤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瓷产,“玉大人站玄,你說我怎么就攤上這事”舻” “怎么了株旷?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長尔邓。 經(jīng)常有香客問我晾剖,道長,這世上最難降的妖魔是什么梯嗽? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任齿尽,我火速辦了婚禮,結(jié)果婚禮上灯节,老公的妹妹穿的比我還像新娘循头。我一直安慰自己,他們只是感情好炎疆,可當(dāng)我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布卡骂。 她就那樣靜靜地躺著,像睡著了一般形入。 火紅的嫁衣襯著肌膚如雪偿警。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天唯笙,我揣著相機(jī)與錄音螟蒸,去河邊找鬼盒使。 笑死,一個胖子當(dāng)著我的面吹牛七嫌,可吹牛的內(nèi)容都是我干的少办。 我是一名探鬼主播,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼诵原,長吁一口氣:“原來是場噩夢啊……” “哼英妓!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起绍赛,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蔓纠,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后吗蚌,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體腿倚,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年蚯妇,在試婚紗的時候發(fā)現(xiàn)自己被綠了敷燎。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡箩言,死狀恐怖硬贯,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情陨收,我是刑警寧澤饭豹,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站务漩,受9級特大地震影響墨状,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜菲饼,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一肾砂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧宏悦,春花似錦镐确、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至砖瞧,卻和暖如春息堂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工荣堰, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留床未,地道東北人。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓振坚,卻偏偏與公主長得像薇搁,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子渡八,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容