2020-10-29

JS基本语法

       学习一门语言最首要的任务那当然就是它的语法啦!当然我也不例外了,那我就来总结一下我今天所学到的JS语法。(可以用浏览器的控制台实验)

一、表达式

表达式:表达式一般有值

例如:

1+1表达式的值为2

add(1,2)表达式的值为函数的返回值

console.log表达式的值为函数本身

console.log(3)表达式的值为undefined(打印出的文字为3)

二、语句

语句:语句一般会改变环境 (声明、赋值),语句可能有值也可能没有值

例:var  a = 1 是一个声明、赋值语句

三、大小写敏感

JavaScript 的变量名区分大小写,A和a是两个不同的变量

例:var a  和  var A  | |  object 和 Object  | | function 和 Function 都是不同的

四、标识符的规则( 用来识别各种值的合法名称 )

(1)第一个字符,可以是任意 Unicode 字母(包括英文字母和其他语言的字母),以及美元符                 号($)和下划线(_),不能是数字

         第二个字符及后面的字符,除了 Unicode 字母、美元符号和下划线,还可以用数字0-9

例:var  _= 1         var  $ = 2          var 你好 = 'hi'

(2)空格、回车:大部分空格和回车都没有实际意义(只要不影响断句,对代码作用没影响)

        但是,return后面不能加回车,否则JS自动返回undefined

五、注释

注释符://或/**/ 

只写踩坑注释或代码原因的注释

六、if else语句

最好的写法就是最没有歧义的写法

语法:if(表达式){语句1}else{语句2} 

在{}里的语句只有一句时{}可以省略(不建议)

例:

a = 1

if(a === 2)

console.log('a')

console.log('a 等于2')

执行结果为 :a 等于2,原因:在if语句没有{}的情况下,只执行离他最近的语句

a = 1

if(a === 2)

console.log('a'),console.log('a 等于2')

执行结果为undefined,原因:逗号表示语句未结束

函数的if return

function fn(){

if(表达式){return表达式}

}

七、switch语句

switch(a){

case:1:

case:4:

console.log('单数');

break;

注:break必须写

八、while for 语句

例:

var i = 0                                                        var a = 0.1

while (i<10){                                                 while (a!==1){

console.log (i)                                              console.log(a)   

i=i+1                                                             a=a+0.1

}                                                                    }

打印出 i=9 ;while没有返回值                    死循环,原因是浮点数不精确

for循环

例:

for (var i=0; i<5;i++){

console.log(i)

} 打印出i=5 原因:执行顺序 1=0 —>   i<5   —>  console.log(i)   —>i++  

for (var i=0; i<5;i++){

setTimeout (()=>{console.log(i)})

}注:延迟执行,打印出i=5,共5次, 原因:setTimeout在循环体内部,每一次执行都会延迟打印

for (var i=0; i<5;i++){}

setTimeout (()=>{console.log(i)})

注:打印出1=5(一次)原因:setTimeout在循环体外部,循环体执行完后才延迟打印

九、break 

break:退出当前所有循环

注:当break当前循环体外还有一层循环体时,只跳出当前循环体,再执行外层循环体

for (var i=0; i<10;i++){

if  (i%2===1){break}

else{console.log(i)}

} 打印出 i=1

十、continue

continue:退出当前一次循环,下一次满足再执行

例:

for (var i=0; i<10;i++){

if  (i%2===1){continue}

else{console.log(i)}

} 打印出 i 的值为 0,2,4,6,8

十一、问号冒号表达式

语法:表达式1? 表达式2:表达式3

例:

function max(a,b){                                        function max(a,b){

return a>b? a:b                  ===>                   if(a>b)   return a;

}                                                                      else return b;}

十二、&&短路逻辑(与)

A&&B&&C&&D 取第一个假值,都为真取最后一个真值(不会取true/false)

例:

window.f1  &&  conse.log('f1存在')   ===>   if(window.f1){ conse.log('f1存在')}

十三、|| 短路逻辑(或)

A||B||C||D取第一个真值(不会取true/false)

例:

a = a || 100        ====>  if(a){a=a}else{a=100}   注:a=100为保底值

结语:以上内容就是我今天课程的所有总结了,有用的话点个赞再走哦!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容