js基础总结

215 阅读2分钟

break的作用:

        // 可以结束for语句
        // 可以结束while语句
        // 可以防止switch case 语句中case穿透
        // ????注意点,break不能结束函数,函数是用return返回值结束循环 

浏览器执行js代码过程:

image.png

javaScript的组成部分

ECMAScript + BOM + DOM 组成
BOM是浏览器对象模型,DOM是文档对象模型,BOMDOM是包含关系,BOMDOM的一部分,DOM包含着document

变量的命名规则

可以包含数字,字符,下划线,$符号 一定不能以数字开头

js的数据类型:

基本数据类型:数字型,字符串型,布尔型,undefined,null 引用数据类型:对象,数组,函数

if语句的特殊情况:

如果if语句中只执行一句代码,可以省略大括号{},但有一个前提 就是只执行后面一句代码

        // if (true) console.log('正常输出语句');    //正确的 
        // if (ture) let aaa = 123 console.log(aaa);    //错误的if语句

数组追加元素和删除元素的语法

let arr = ['喜洋洋', '灰太狼', '熊大', '光头强']
  // console.log(arr.push('李狗蛋'));               //返回的是新增元素后  数组的长度
  // console.log(arr.unshift('张翠花', '赵铁柱'));  //返回的是新增元素后  数组的长度
  // console.log(arr.pop());                      //返回的是末尾被删除的元素
  // console.log(arr.shift());                    //返回的是数组第一个被删除的元素
  
  总结:在前面增加和后面增加元素  返回的都是新增后数组的长度
       在前面删除和后面删除元素  返回的都是被删除的那个元素

对象的访问方式有两种:

对象名.属性名
对象名.['属性名']
对象名[变量]

函数的注意点:

return:函数如果没有return返回值,输出的是undefined,并且函数只能做一次返回return,如果出现两个,返回的是两个,后面的代码也不再执行,函数的型参如果对不上实参,返回的是undefined
实参和形参:实参和形参的个数可以不一样,但尽量一致,形参是在函数里面的,所以一定是局部变量,但实参不一样,有可能是用户传递过来的数据,有可能是局部,也有可能是全局变量,

数据类型转换:

image.png

在js中,0,‘’,undefined,null,NaN 转换结果都是false

函数的作用域问题

案例一: image.png

注意:函数内部声明的变量在函数外面不能使用,i是在外面声明的变量,是全局变量,所以输出结果i= 5;j是在函数里面的声明的变量,不能使用,使用j是报错。

案例二:

image.png

注意点:变量初始化之前就使用变量,会报错,后面代码也不再执行。

案例三:

image.png

注意:i是在局部里面的变量,无法访问