javascript深入淺出(慕課網(wǎng))

1 數(shù)據(jù)類型
1-2 六種數(shù)據(jù)類型
1-3 隱式轉(zhuǎn)換
1-4 包裝對(duì)象
1-5 類型檢測(cè)

2 表達(dá)式和運(yùn)算符
2-1 表達(dá)式
2-2 運(yùn)算符

3 語句
3-1 block語句墓懂、var語句
3-2 try-catch語句
3-3 函數(shù)者甲、switch埃难、循環(huán)
3-4 JavaScript嚴(yán)格模式

4 對(duì)象
4-1 對(duì)象概述
4-2 創(chuàng)建對(duì)象裕循、原型鏈
4-3 屬性操作
4-4 get/set方法
4-5 屬性標(biāo)簽
4-6 對(duì)象標(biāo)簽、對(duì)象序列化

5 數(shù)組
6 函數(shù)和作用域(函數(shù),this)
7 函數(shù)和作用域(閉包轮听,作用域)
8 oop(上)
9 oop(下)
10 正則和模式匹配


1 數(shù)據(jù)類型

demo

1-2 六種數(shù)據(jù)類型

//數(shù)據(jù)在沒有被定義的情況下,會(huì)被進(jìn)行隱式轉(zhuǎn)化
var num = 32; //
num = "this is a string"; //即使之前被定義為數(shù)字岭佳,可以重新定義為字符串
32 + 32血巍;//64,理解為兩個(gè)數(shù)字相加
“32”+32;//"3232",理解為兩個(gè)字符串的連接
“32” - 32驼唱;//0,理解為兩個(gè)數(shù)字的相減

//數(shù)據(jù)類型,包括5種原始類型藻茂,一種對(duì)象類型
object(function, array, date....)
number
string
boolean
null
undefined

**1-3隱式轉(zhuǎn)換 **

//進(jìn)行隱式轉(zhuǎn)化
“37”-7 //30,這里“-”號(hào)使得左側(cè)的字符串轉(zhuǎn)換為數(shù)值類型。
"37"+7 //377,這里“+”號(hào)使得右側(cè)的數(shù)值轉(zhuǎn)換為字符串類型玫恳。

//巧用+/-規(guī)則轉(zhuǎn)換類型
num-0 //若num為null,則這條語句變?yōu)閿?shù)值0
num+"" //若num為數(shù)值辨赐,則這條數(shù)值變?yōu)樽址?
//等于"==",嘗試類型轉(zhuǎn)換并比較
null == undefined;//相等
number == string; //string轉(zhuǎn)number
boolean == ?; //boolean轉(zhuǎn)化為數(shù)字京办,true為1掀序,false為0
object ==number|string;//嘗試對(duì)象轉(zhuǎn)為基本類型new String("hi") == "hi" //true

//嚴(yán)格等于“===”,首先會(huì)判斷兩邊的類型惭婿,類型不同不恭,返回false
//類型相同的情況下
null === null; //true
undefined === undefined; //true
NaN === NaN; //false
new Object === new Object; //false,是用引用做比較

1-4 包裝對(duì)象

//數(shù)據(jù)類型,包括5種原始類型叶雹,一種對(duì)象類型
object(function, array, date....)
number
string
boolean
null
undefined

//number boolean string都有包裝類型
var str = "string"; //基本數(shù)據(jù)類型
var st = new String("string"); //對(duì)象類型,也是string基本類型對(duì)應(yīng)的包裝類
//當(dāng)一個(gè)基本類型嘗試用對(duì)象去訪問的時(shí)候换吧,js會(huì)把基本數(shù)據(jù)類型轉(zhuǎn)換為包裝類型對(duì)象折晦,執(zhí)行包裝類的方法之后沾瓦,包裝類作為一個(gè)臨時(shí)對(duì)象就會(huì)消失风喇。
str.length; //3
str.a = "demo";//賦值成功
str.a;//undefined,包裝類消失

1-5 類型檢測(cè)

//類型檢測(cè)方法
typeof
instanceof
Object.prototype.toString
constructor
duck type

//typeof
typeof 100; //number
typeof true; //boolean
typeof function; //function
typeof undefined; //undefined
typeof new Object(); //object
typeof [1, 2]; //object
typeof NaN; //number
typeof null; //object,這個(gè)需要注意,記住就好

//obj instanceof Object ;//判斷左邊的原型鏈上是否有右邊的prototype屬性,
[1, 2] instanceof Array === true;
new Object() instanceof Array === false;

//Object.prototype.toString
Object.prototype.toString.apply([]);//"[object Array]"
Object.prototype.toString.apply(function(){});//"[object Function]"
Object.prototype.toString.apply(null);//"[object Null]"
Object.prototype.toString.apply(undefined);//"[object Undefined]"

//類型檢測(cè)小結(jié)
typeof;//適合基本類型及function檢測(cè)鲸沮,遇到null失效
[[Class]];//通過{}.toString拿到楣号,適合內(nèi)置對(duì)象和基本類型炫狱,遇到null和undefined失效,IE678等返回[object Object]
instanceof;//適合自定義對(duì)象,也可以用來檢測(cè)原生對(duì)象椅亚,在不同iframe和window間檢測(cè)時(shí)失效。

2-1表達(dá)式
表達(dá)式是指能計(jì)算出值的任何可用程序單元(wiki);表達(dá)式是一種js短語媚赖,可使js解釋其用來產(chǎn)生一個(gè)值(js權(quán)威指南)颖对。

//原始表達(dá)式
3.14琳拭;
i;

//復(fù)合表達(dá)式
2*3

//數(shù)組、對(duì)象的初始化表達(dá)式
[1,2];// new Array(1,2)
[1,,,4];//[1, undefined, undefined,4]
{x:1, y:2};// var o =new Object(); o.x=1; o.y=2;

//函數(shù)表達(dá)式
var fe = function(){};
(function(){console.log("hello world");})();

//屬性訪問表達(dá)式
var o = {x: 1};
o.x;
o["x"];

//調(diào)用表達(dá)式
func();

//對(duì)象創(chuàng)建表達(dá)式
new Func(1,2);
new Object;

2-2運(yùn)算符

//按照操做數(shù)進(jìn)行劃分
一元運(yùn)算符:+num;
二元運(yùn)算符: a+b;
三元運(yùn)算符:c?a:b;

//特殊運(yùn)算符

//逗號(hào)運(yùn)算符
var val=(1,2,3);//val=3,這是逗號(hào)運(yùn)算符,取最后一個(gè)值

//delete obj.x,刪除對(duì)象的屬性
var obj = {x:1};
obj.x; //1
delete obj.x;
obj.x;  //undefined
//使用Object.defineProperty方法,只有configurable為true時(shí)才可以刪除
var obj = {};
Object.defineProperty(obj,'x',{
  configurable: false,
  value: 1
})
delete obj.x; //false
obj.x;//1

//"in"運(yùn)算符
window.x=1;
'x' in window; //true

//運(yùn)算符instanceof和typeof
{} instanceof Object; //true
type 100 === 'number'; //true

//運(yùn)算符new
function Foo(){};
Foo.prototype.x = 1;
var obj = new Foo();
obj.x; //1
obj.hasOwnProperty('x'); //false
obj._proto_.hasOwnProperty('x'); //true

//this運(yùn)算符
this;//window(瀏覽器)
var obj = {
  func: function(){return this;}
};
obj.func(); //代表對(duì)象obj

//void運(yùn)算符
void 0 //undefined
void(0) //undefined

3-1 block語句彭谁、var語句

//block用于花括號(hào)定義,常用語組合使用
a={x:1, y:2};
//沒有塊級(jí)作用域,就是在塊外面也可以訪問塊里面的值
for(var i=0; i<10; i++){
  var str = "hi";
  console.log(str);
}
var i=0;
for(;i<10;i++){
  var str="hi";
  console.log(str);
}
//存在函數(shù)作用域则奥,函數(shù)外面訪問不到函數(shù)里面定義的值
function foo(){
  var a=1;
  console.log(a); //1
}
foo();
console.log(typeof a);//undefined

//定義方式var
var a=1;//通常定義方式
var a=1, b=1;//定義兩個(gè)變量的方式
var a=b=1;//會(huì)將變量b定義為全局變量
function foo(){
  var a=b=1;
}
foo();
console.log(typeof a);//undefined,沒有訪問到,存在函數(shù)作用域
console.log(typeof b);//number,訪問到,因?yàn)閎被定義為全局變量

3-2 try-catch語句

//流程和格式
try{
  throw "test";
}catch(ex){
  console.log(ex); //test
}finally{
  console.log("finally");
}

3-3 函數(shù)渐北、switch、循環(huán)

//函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別是函數(shù)聲明可以前置破托,而函數(shù)表達(dá)式不行
//函數(shù)聲明
fd(); //true
function fd(){
  //do sth;
  return true;
}
//函數(shù)表達(dá)式
fe();//TypeError
var fe = function(){
  //do sth;
};

//for..in
//for..in中存在的問題:順序不確定谜洽;enumerable為false時(shí)不會(huì)出現(xiàn),for in對(duì)象屬性受原型鏈影響
var p;
var obj={x:1, y:2}
for(p in obj){
...
}

//switch條件分支語句
var val=2
switch(val){
  case 1:
    console.log(1);
    break;
  case 2:
    console.log(2);
    break;
  default 3:
    console.log(0);
    break;
}

//循環(huán)語句
whild(isTrue){
//do sth.
}

do{
//do sth.
}while(isTrue)

var i;
for(i=0;i<n;i++){
//do sth.
}

//with可以修改當(dāng)前的作用域,已經(jīng)不建議被使用咸灿,在嚴(yán)格模式下已經(jīng)禁止使用
with({x: 1}){
  console.log(x);
}

with(document.forms[0]){
  console.log(name.value);
};//可以通過下面的定義變量的方式來代替
var form = document.forms[0];
console.log(form.name.value);

3-4 JavaScript嚴(yán)格模式
嚴(yán)格模式是一種特殊的執(zhí)行模式,它修復(fù)了部分語言上的不足避矢,提供更強(qiáng)的錯(cuò)誤檢查悼瘾,并增強(qiáng)安全性

//通過添加use strict來使用安全模式
//通過在函數(shù)內(nèi)添加use strict使用
function func(){
  'use strict';
}
//通過在文件頭添加use strict使用
‘use strict’ 
function func(){
...
}

嚴(yán)格模式下的說明
1、不能使用with語句
2谷异、不允許未聲明的變量被賦值(即是需要使用var進(jìn)行聲明分尸,不然會(huì)報(bào)referenceerror)
3、argumens變?yōu)閰?shù)的靜態(tài)副本(不懂歹嘹,需要看看)
4箩绍、delete參數(shù),函數(shù)名報(bào)syntax error

!function(a){
  'use strict';
  delete a;
}(1);

5尺上、delete不可配置的屬性報(bào)錯(cuò)typeerror

!function(a){
  'use strict';
  var obj={};
  Object.defineProperty(obj, 'a', {configurable: false}); 
  delete obj.a;
}(1);

6材蛛、對(duì)象字面量重復(fù)屬性名錯(cuò)誤
7、禁止八進(jìn)制字面量
8怎抛、eval,arguments變?yōu)殛P(guān)鍵字卑吭,不能作為變量,函數(shù)名
9马绝、eval獨(dú)立作用域,eval外面不能獲取eval內(nèi)定義的變量值

!function(){
  'use strict';
  eval('val evalVal = 2');
  console.log(typeof evalVal); //undefined
}

10豆赏、一般韓式調(diào)用時(shí)(不是對(duì)象的方法調(diào)用,也不使用apply/call/bind等修改this)this指向null,而不是全局對(duì)象掷邦。
11白胀、若使用apply/call時(shí),當(dāng)傳入null或undefined時(shí)抚岗,this指向null或者undefined,而不是全局對(duì)象或杠。
12、試圖修改不可寫屬性(writable=false)宣蔚,在不可擴(kuò)展的對(duì)象上添加屬性時(shí)報(bào)TypeError,而不是忽略向抢。
13、arguments.caller,arguments.callee被禁用胚委。

4 對(duì)象
4-1 對(duì)象概述 **
對(duì)象中包含一系列屬性挟鸠,這些屬性是
無序的,每個(gè)屬性都有一個(gè)字符串**key和對(duì)應(yīng)的value亩冬。

//說明屬性的key是字符串
var obj={};
obj[1]=1;
obj;//Object {1: 1}
obj['1']=1;
obj;//Object {1: 1},和shang

//下面的例子沒看懂
var obj={};
obj[{}]=true;
obj[{x: 1}]=true;
obj;//{[object Object]: true}

4-2 創(chuàng)建對(duì)象兄猩、原型鏈

//對(duì)象創(chuàng)建-字面量形式
var obj1 = {x: 1, y: 2};

var obj2 = {  //嵌套形式
  x: 1;
  y: 2;
  o:{
    z: 3;
  }
}

//使用new構(gòu)造器的方式創(chuàng)建
function fun(){}
foo.prototype.z=3;  //foo.prototype=>Object;Object.prototype=>null;

var obj = new foo();
obj.x=1;
obj.y=2;

obj.x;//1
obj.y;//2
obj.z;//3
typeof obj.toString();//function
'z' in obj;//true
obj.hasOwnProperty("z");//false

obj.z = 5; //為obj對(duì)象添加z這個(gè)屬性
obj.hasOwnProperty("z"); //true
foo.prototype.z;//3
obj.z;//5

obj.z=undefined;
obj.z;//undefined;

delete obj.z;//只會(huì)刪除對(duì)象上的屬性,不會(huì)影響原型鏈
obj.z;//3


//使用Object.creat創(chuàng)建
var obj = Object.create({x: 1});
obj.x; //1
typeof obj.toString //"function"
obj.hasOwnProperty("x");//false

var obj = Object.create(null);
obj.toString;//undefined

**4-3 屬性操作 **
**4-4 get/set方法 **
**4-5 屬性標(biāo)簽 **
4-6 對(duì)象標(biāo)簽鉴未、對(duì)象序列化

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鸠姨,隨后出現(xiàn)的幾起案子铜秆,更是在濱河造成了極大的恐慌,老刑警劉巖讶迁,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件连茧,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡巍糯,警方通過查閱死者的電腦和手機(jī)啸驯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來祟峦,“玉大人罚斗,你說我怎么就攤上這事≌悖” “怎么了针姿?”我有些...
    開封第一講書人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)厌衙。 經(jīng)常有香客問我距淫,道長(zhǎng),這世上最難降的妖魔是什么婶希? 我笑而不...
    開封第一講書人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任榕暇,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘彤枢。我一直安慰自己狰晚,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開白布堂污。 她就那樣靜靜地躺著家肯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪盟猖。 梳的紋絲不亂的頭發(fā)上讨衣,一...
    開封第一講書人閱讀 51,604評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音式镐,去河邊找鬼反镇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛娘汞,可吹牛的內(nèi)容都是我干的歹茶。 我是一名探鬼主播,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼你弦,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼惊豺!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起禽作,我...
    開封第一講書人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤尸昧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后旷偿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體烹俗,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年萍程,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了幢妄。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡茫负,死狀恐怖蕉鸳,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情忍法,我是刑警寧澤置吓,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站缔赠,受9級(jí)特大地震影響衍锚,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜嗤堰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一戴质、第九天 我趴在偏房一處隱蔽的房頂上張望度宦。 院中可真熱鬧,春花似錦告匠、人聲如沸戈抄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽划鸽。三九已至,卻和暖如春戚哎,著一層夾襖步出監(jiān)牢的瞬間裸诽,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來泰國打工型凳, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留丈冬,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓甘畅,卻偏偏與公主長(zhǎng)得像埂蕊,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子疏唾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355

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