:-: 知识点清单 * * * * * - 一个变量如果没有定义输出的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); ~~~