JS學(xué)習(xí)筆記

1.js代碼一般放在<head>中望迎，有兩種方式：一種實在<script></script>中直接寫,另一種是在<script src="..."></script>中引入一個單獨(dú)的js文件
2.注釋：（1）// （2）/* */
3.數(shù)據(jù)類型：（1）Number：整數(shù)和浮點(diǎn)數(shù) （2）字符串：''和"" （3）布爾值：true和false （4）比較運(yùn)算符：==和=== 在js中應(yīng)始終使用=== （5）空：null和undefined 大多數(shù)情況我們都使用null，undefined僅僅在判斷函數(shù)是否傳遞情況使用 （6）數(shù)組：[]和new Array(1,2,3) 數(shù)組中可以放任意數(shù)據(jù)類型，數(shù)組的起始索引是0 （7）對象：對象是由鍵-值組成的無序集合盾碗，鍵只能是字符串刊咳，值可以是任意數(shù)據(jù)類型 （8）變量：var a=4;可以把任意數(shù)據(jù)類型賦值給變量淘衙，而且可以反復(fù)賦值，并且可以是不同的數(shù)值類型乾忱。這種變量不固定的語言是動態(tài)語言，相反的是靜態(tài)語言（Java中）
4.日志打永：Console.log()
5.strict：由于不使用var修飾變量窄瘟，變量作用范圍就是指全局
6.字符串：' '和" ";(1)可使用轉(zhuǎn)義字符\（2）` `可用來表示多行字符串 (3)模版字符串：模版字符串需要使用` `的形式，使用${name}拼接执解，避免了+使用的麻煩 （4）使用var s="hello" s.length可以獲取字符串的長度 （5）還可以將字符串當(dāng)成一個數(shù)組寞肖，獲取某個角標(biāo)位置的值，例如：var s="Hello" 打印s[2]得到l
7.數(shù)組：（1）js中的數(shù)組可以包含任意類型衰腌。給array.length=6,即給數(shù)組賦值一個新的長度新蟆，數(shù)組就會改變成新的長度了。對array元素的修改右蕊，會直接改在當(dāng)前數(shù)組上琼稻，而對字符串的修改比如讓其全部小寫則是返回一個新的字符串（2）通過索引修改數(shù)組中某個元素的值，會直接修改數(shù)組中原來的值（3）如果通過索引賦值饶囚，索引超過了數(shù)組的大小帕翻，數(shù)組會被修改為新的大小長度鸠补，沒有值的index的值會變?yōu)閡ndefined，但是實際中我們應(yīng)該注意不越界嘀掸，避免麻煩（4）數(shù)組可通過調(diào)用indexOf()搜索制定元素的位置紫岩，若找不到返回-1（5）slice()：用于截取數(shù)組，類似substring()（6）push()：向數(shù)組末尾添加元素（7）pop()：將數(shù)組中的最后一個元素刪除（8）unshift()：向數(shù)組頭部添加元素 （9）shift()：將數(shù)組的第一個元素刪除掉 （10）sort()：對數(shù)組進(jìn)行排序 （11）reverse()：對數(shù)組進(jìn)行翻轉(zhuǎn)睬塌，也就是掉個個（12）splice()：splice(從哪個索引開始泉蝌，刪除幾個元素，任意填寫多個要添加的元素內(nèi)容) （13）concat()：把兩個array連接起來揩晴，concat()可以接收任意個元素甚至是數(shù)組勋陪，最終返回一個新的數(shù)組而不會修改原來的數(shù)組 （14）join()：可以把數(shù)組中的元素使用指定的字符串連接起來，類似var num=[1,2,3];num.join(‘-’)硫兰；返回1-2-3 （15）多維數(shù)組：即數(shù)組中的某個元素也是個數(shù)組诅愚，就是多維數(shù)組。
8.對象：（1）對象是一個字符串劫映，鍵值對违孝，類似我們的json串；（2）如果對象的屬性名不是一個有效的變量名泳赋，或者變量名包含特殊標(biāo)點(diǎn)等浊，應(yīng)該使用''括起來，訪問的時候也需要使用single[‘變量名’]這樣的方式獲饶∧ⅰ筹燕；（3）如果訪問時候?qū)傩悦淮嬖冢瑫祷豼ndefined;（4）js的對象是動態(tài)類型衅鹿，可以靈活的添加撒踪、賦值、獲取大渤、刪除 （5）可以通過in來判斷某個對象是否有這個屬性值制妄，并返回boolean類型，例如'name' in xiaoming泵三； in獲取到的有可能不一定是這個對象本身的屬性耕捞，而是通過繼承獲取到的父類屬性 （6）hasOwnProperty()：用于判斷這個屬性是不是這個對象本身擁有的，也是返回boolean類型
9.條件判斷：if(){...}else if(){...}烫幕。注意：js把null俺抽、undefined、0较曼、NaN和空字符串' '當(dāng)作false磷斧，其余的值在if()中為true
10.循環(huán)：<for循環(huán)>：用法基本同Java。（1）可使用break跳出循環(huán)；（2）for..in類似Java中for each弛饭，輸出的對象的屬性冕末；（3）要過濾掉對象繼承來的屬性，使用hasOwnProperty（）侣颂；（4）數(shù)組也被看為是對象档桃，數(shù)組進(jìn)行for..in輸出得到是string類型的‘0’,'1','2'，而不是number類型0,1,2憔晒；<while循環(huán)>和<do while循環(huán)>類似Java中使用方法
11.Map和Set：<Map>：（1）初始化var map = new Map()胳蛮；（2）添加新的值map.set('key',‘value’);（3）判斷集合中是否存在key：map.has('key')（4）獲取集合中的值：map.get('key')，若不存在返回undefinded丛晌；（5）刪除集合中的值：map.delete('key')；<Set>：Set中key不允許重復(fù)（1）初始化：var set=new Set();或var set=new Set([1,2,3]);（2）添加 set.add();（3）刪除delete
12. iterable：Array,Map,Set都屬于iterable斗幼∨熘耄可用for..of遍歷循環(huán)集合。for..of修復(fù)了for..in遺留的問題蜕窿；更好的應(yīng)使用forEach()谋逻；forEach()的用法：a.在Array中：a.forEach(function (element, index, array) {}；b.在Set中：s.forEach(function (element, sameElement, set) {}桐经；c.在Map中：m.forEach(function (value, key, map) {}
13. 函數(shù)：關(guān)鍵字為function毁兆。注意點(diǎn)：(1)同Java，遇到return方法結(jié)束阴挣；（2）定義方法的函數(shù)有2種气堕，function abs(x){}和var abs=function(x){};；(3)函數(shù)體中的關(guān)鍵字arguments畔咧，arguments可以獲取到當(dāng)前函數(shù)的調(diào)用者傳入的所有參數(shù)茎芭，類似一個Array，但不是一個Array誓沸，即使函數(shù)不定義任何參數(shù)梅桩，也可以拿到參數(shù)的值。arguments平時常被用來判斷參數(shù)個數(shù)拜隧；（4）rest參數(shù)可被用來獲取除定義的參數(shù)以外的數(shù)據(jù)宿百，返回[]形式，若參數(shù)數(shù)量和傳入數(shù)量匹配洪添，rest得到是[]空數(shù)組垦页；（5）js中默認(rèn)的全局變量是winodw；（6）let替代var可以申明一個塊級作用域的變量干奢；（7）const用來定義常量外臂；（8）同時進(jìn)行多個元素賦值，可以使用解構(gòu)賦值
14. 方法：方法的指向和調(diào)用這里，感覺不像Java那么簡單明確宋光。問題會比較多...其中注意點(diǎn)（1）this,指代當(dāng)前對象（2）that貌矿，避免指向不明確（3）apply，接收兩個參數(shù)罪佳，第一個參數(shù)就是需要綁定的this變量逛漫，第二個參數(shù)是Array，表示函數(shù)本身的參數(shù)赘艳，即getAge.apply(xiaoming,[])（4）call酌毡，和apply類似
15.面向?qū)ο缶幊蹋?/code>注意點(diǎn)：（1）類似于Java的extents使用是proto,舉例子:xiaoming.propt=student，最好的辦法是使用Object.create(Student);
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末蕾管，一起剝皮案震驚了整個濱河市枷踏，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌掰曾，老刑警劉巖旭蠕，帶你破解...
    沈念sama閱讀 216,496評論 6贊 501
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異旷坦，居然都是意外死亡掏熬，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3贊 392
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門秒梅，熙熙樓的掌柜王于貴愁眉苦臉地迎上來旗芬，“玉大人，你說我怎么就攤上這事捆蜀〈裕” “怎么了？”我有些...
    開封第一講書人閱讀 162,632評論 0贊 353
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵辆它，是天一觀的道長这刷。 經(jīng)常有香客問我，道長娩井，這世上最難降的妖魔是什么暇屋？ 我笑而不...
    開封第一講書人閱讀 58,180評論 1贊 292
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮洞辣，結(jié)果婚禮上咐刨，老公的妹妹穿的比我還像新娘。我一直安慰自己扬霜，他們只是感情好定鸟，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評論 6贊 388
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著著瓶，像睡著了一般联予。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上，一...
    開封第一講書人閱讀 51,165評論 1贊 299
  • 城市分裂傳說
    那天沸久，我揣著相機(jī)與錄音季眷，去河邊找鬼。 笑死卷胯，一個胖子當(dāng)著我的面吹牛子刮，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播窑睁，決...
    沈念sama閱讀 40,052評論 3贊 418
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼挺峡，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了担钮？” 一聲冷哼從身側(cè)響起橱赠，我...
    開封第一講書人閱讀 38,910評論 0贊 274
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎箫津，沒想到半個月后狭姨，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 45,324評論 1贊 310
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡鲤嫡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評論 2贊 332
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了绑莺。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片暖眼。...
    茶點(diǎn)故事閱讀 39,711評論 1贊 348
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖纺裁，靈堂內(nèi)的尸體忽然破棺而出诫肠，到底是詐尸還是另有隱情，我是刑警寧澤欺缘，帶...
    沈念sama閱讀 35,424評論 5贊 343
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布栋豫，位于F島的核電站，受9級特大地震影響谚殊，放射性物質(zhì)發(fā)生泄漏丧鸯。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評論 3贊 326
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一嫩絮、第九天 我趴在偏房一處隱蔽的房頂上張望丛肢。 院中可真熱鬧，春花似錦剿干、人聲如沸蜂怎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0贊 22
  • 一樁弒父案置尔，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽杠步。三九已至，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間幽歼，已是汗流浹背朵锣。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1贊 269
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留试躏，地道東北人猪勇。 一個月前我還...
    沈念sama閱讀 47,722評論 2贊 368
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像颠蕴，于是被迫代替她去往敵國和親泣刹。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評論 2贊 353

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

  • （一）函數(shù) 1.函數(shù)基本聲明 function fun([參數(shù)1],[參數(shù)2],...){ 函數(shù)體犀被； }; 2....
    妖妖靈嘛0閱讀 292評論 0贊 0
  • js數(shù)據(jù)類型 Number 1.包括：-1椅您，0，1寡键，0.111掀泳，NaN2.NaN：(Not a Number)可以...
    DoEmpty閱讀 341評論 0贊 1
  • js學(xué)習(xí)筆記 語法 后續(xù)補(bǔ)充筆記 join()方法var fruits = ["Banana", "Orange"...
    crabor閱讀 283評論 0贊 2
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,182評論 0贊 3
  • 第一章 前端三大語言：HTML（專門編寫網(wǎng)頁內(nèi)容）、CSS（編寫網(wǎng)頁樣式）西轩、JS（專門編寫網(wǎng)頁交互行為） 能簡寫盡...
    fastwe閱讀 957評論 0贊 0