:-: 知識點清單 * * * * * - 一個變量如果沒有定義輸出的undefined - 聲明提前原則：變量默認會在前面聲明，賦值時的內容在后面。 - 使用var后聲明變量先使用不報錯 使用let 賦值先使用在賦值時會報錯。 - 在沒有寫var時賦值時 會默認的給補一個var - 使用'use strict'嚴格模式 在使用時必須嚴格先var再使用 - typeof 查看變量的數據類型 - 單引號和雙引號包裹的都是string類型 - 聲明一個變量值為null時在控制臺輸出的是object - 定義數組 var arr =[1,2,3]; - 定義函數：function name(){ 函數體 } - 箭頭函數： var demo =()=>{ 函數體 } - json對象： ~~~ var tongjianshe={ name:"tongjianshe",age:20,sex:"male" console.log(tongjianshe.name) Console.log(tongjianshe["name"]); } ~~~ - 在es5中 var namn="tong" ;var age=30; var tong={name:name age:age} - 在es6中 var tong={name age} - 在函數中如果不使用var關鍵字聲明一個變量時 系統會默認的將其視為全局變量在函數體外可以看到使用typeof查看屬性不是undefined - 算數的加減乘除運算底層自動轉換成number型進行計算如果轉換不了那么就是nan型 nan和其他類型做運算的值還為nan - NaN 屬性是代表非數字值的特殊值。該屬性用于指示某個值不是數字。 - const用來定義常量（不能修改） - 轉義符使用：/(在要輸出的內容前加一個單斜杠) - ===嚴格相等值和類型都相等 - var age=window.prompt("彈出窗口友好的提示") - string->number:使用parseint() parsefloat() (注意：string的開頭第一個要-以數字開頭，如果不以數字開頭輸出的是nan) ### `if` 語句和 `switch case`語句 ~~~ <script> // if語句中（）的值接收boolean類型，如果不是boolean會強制轉換成boolean // 只有五種情況下的轉化成boolean型時false 0,"",nan,undefu,null其他都為true var x = 1; switch (x) { case 1:{ console.log('x 等于1'); break; } case 2:{ console.log('x 等于2'); break; } default: console.log('x 等于其他值'); } </script> ~~~ ### tostring ~~~ <script> // x.toString(); x不是undefined或null時，才可用 // String(x) var a = "true"; console.log(a.toString()) </script> ~~~ ### other-->boolean 使用 boolean(); ~~~ 就這五種情況為false "", 0 ，nan，nudefined, null,-->false 其他情況都是true ~~~ ## this ~~~ javascrip的頂級作用域是window，全局變量是window的屬性，函數是window的方法； this的指向： 1.在事件中，this指向正在執行事情的當前對象 2.在方法中，誰調用方法，this指向誰 eg: var a=10; //window.a=10; function b(){ console.log(this.a); } //window.b(); b(); console.log(window.a); ~~~ ## 前加加 后加加 ~~~ 后加加的那個加加并不參數值運算，等表達式計算完畢 然后后加加的值再自增 前加加相反 eg: b+=++a a=1 b=2 2+=2 b=4,a=2 b+=a++ 2+=1,然后a=2 ~~~ ## for循環 ~~~ for循環里面使用var 定義變量 在大括號外面也可以讀到因為在es5中js沒有塊級作用域 在es6中使用let來聲明一個變量 在大括號以外是看不到的 break；跳出當前循環 continue是結束上層循環的當前循環 繼續進行下一次循環 ~~~ ## 點擊隱藏 顯示 ~~~ HTML DOM classList 屬性下的toggle方法 toggle(class, true|false) 在元素中切換類名。 hide.classList.toggle("none");點擊按鈕顯示和隱藏 第一個參數為要在元素中移除的類名，并返回 false。 如果該類名不存在則會在元素中添加類名，并返回 true。 ~~~ ## js dom下的常用屬性 ~~~ document.getElementsByTagName("li")//獲得元素名 document.querySelectorAll(".content>div"); //支持css里面的所有選擇器--萬能選擇器 getComputedStyle(類名).樣式 ~~~ return: 就是函數的一個執行結果 return語句執行后就會終止執行 ~~~ function a(){ return 1; console.log(123); } var b=a(); console.log(b); ~~~