写代码啦
JS语法
回复数(0) 浏览数(12)
{{topic.upvote_count || 0}} 编辑 回复

本博客写的JS语法是比较简单的内容,大家可以作为入门学习
在学习JS语法之前先来了解下表达式和语句

表达式和语句

表达式:一个表达式可以产生一个值,有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。
语句:语句可以理解为一个行为,循环语句和判断语句就是典型的语句。一个程序有很多个语句组成,一般情况下;分割一个一个的语句
语句一般会改变环境

标识符

标识符的规则:
1. 第一个字符可以使Unicode字母或者$或者_或中文
2. 后面的字符除了上面几种还可以是数字
3. 变量名是标识符
var _ = 1;
var $ = 2;
var 你好 = “hi”
JS 的注释有两种 // ,/**/

if语句

语法:
if(表达式){
语句1;
}
else{
语句2;
}
坑;
* if (a= 1){
console.log("a=1");

}else {
console.log("a不等于1")
}
上面表达式的= 应该是===
* 虽然如果语句只有一句时,可以省略花括号,但最好别省略

switch语句

语法
switch(fruit){
case "banana":
执行语句1;
break;
case “orange”:
执行语句2;
break;
. ..
}
坑:
* 上述语句中的break一定要加
* 两个语句合成一个语句
switch(a){
case 1 :
case 3:
console.log(“a是奇数”)
break;
case 2 :
case 4:
console.log(“a是偶数”)
break;
}
可以改成 case 1,case 3:
console.log(“a是奇数”)
break;

while循环

语法:
while(表达式){语句}
如果表达式为真,则执行语句,执行完后在进行表达式判断,若为假,则跳出循环执行后面的语句
例子:

var i =0;
while(i<10){
console.log(i);
i = i +1;
}
输出结果为0,1,2,3,4,5,6,7,8,9

坑:注意while的死循环
while(true){
死循环语句
}

for循环

语法:
for(语句1;表达式1;语句2){
循环体;
}
执行语句1,判断表达式1
判断表达式2,
若为真,执行循环体,执行语句2
若为假,跳出循环执行后面的语句

坑:for循环最大的坑
for(var i = 0 ;i <5;i++){
setTimeOut(()=>{
console.log(i);
},0)
}
执行结果为5个5
相当于对空循环体的for循环执行结束后的i输出了5次
为了让其输出0,1,2,3,4
可以把var改成let

三元表达式 (我不确定问号冒号表达式是不是老师自己起的名字)

function max(a,b){
return a>b?a:b;
}
上述三元表达式可以改成if语句
function max(a,b){
if (a>b){
return a;
}else {
return b;
}
}

&& 短路表达式

A&&B
A为假则短路,不考虑B A&&B=A
A为真则A&&B=B

||短路表达式

A||B
A为真则A||B=A
A为假则A||B = B

补充:break和continue

break 是指跳出离break最近的整个循环
continue 是指跳出当前一次循环

label 语句

label:语句
{
foo:1
}
上述语句是label语句
var a={
foo:1
}
上述为对象不是标签

文章内容大部分来自饥人谷前端体系课

{{topic.upvote_count || 0}}

本博客写的JS语法是比较简单的内容,大家可以作为入门学习
在学习JS语法之前先来了解下表达式和语句

表达式和语句

表达式:一个表达式可以产生一个值,有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。
语句:语句可以理解为一个行为,循环语句和判断语句就是典型的语句。一个程序有很多个语句组成,一般情况下;分割一个一个的语句
语句一般会改变环境

标识符

标识符的规则:
1. 第一个字符可以使Unicode字母或者$或者_或中文
2. 后面的字符除了上面几种还可以是数字
3. 变量名是标识符
var _ = 1;
var $ = 2;
var 你好 = “hi”
JS 的注释有两种 // ,/**/

if语句

语法:
if(表达式){
语句1;
}
else{
语句2;
}
坑;
* if (a= 1){
console.log("a=1");

}else {
console.log("a不等于1")
}
上面表达式的= 应该是===
* 虽然如果语句只有一句时,可以省略花括号,但最好别省略

switch语句

语法
switch(fruit){
case "banana":
执行语句1;
break;
case “orange”:
执行语句2;
break;
. ..
}
坑:
* 上述语句中的break一定要加
* 两个语句合成一个语句
switch(a){
case 1 :
case 3:
console.log(“a是奇数”)
break;
case 2 :
case 4:
console.log(“a是偶数”)
break;
}
可以改成 case 1,case 3:
console.log(“a是奇数”)
break;

while循环

语法:
while(表达式){语句}
如果表达式为真,则执行语句,执行完后在进行表达式判断,若为假,则跳出循环执行后面的语句
例子:

var i =0;
while(i<10){
console.log(i);
i = i +1;
}
输出结果为0,1,2,3,4,5,6,7,8,9

坑:注意while的死循环
while(true){
死循环语句
}

for循环

语法:
for(语句1;表达式1;语句2){
循环体;
}
执行语句1,判断表达式1
判断表达式2,
若为真,执行循环体,执行语句2
若为假,跳出循环执行后面的语句

坑:for循环最大的坑
for(var i = 0 ;i <5;i++){
setTimeOut(()=>{
console.log(i);
},0)
}
执行结果为5个5
相当于对空循环体的for循环执行结束后的i输出了5次
为了让其输出0,1,2,3,4
可以把var改成let

三元表达式 (我不确定问号冒号表达式是不是老师自己起的名字)

function max(a,b){
return a>b?a:b;
}
上述三元表达式可以改成if语句
function max(a,b){
if (a>b){
return a;
}else {
return b;
}
}

&& 短路表达式

A&&B
A为假则短路,不考虑B A&&B=A
A为真则A&&B=B

||短路表达式

A||B
A为真则A||B=A
A为假则A||B = B

补充:break和continue

break 是指跳出离break最近的整个循环
continue 是指跳出当前一次循环

label 语句

label:语句
{
foo:1
}
上述语句是label语句
var a={
foo:1
}
上述为对象不是标签

文章内容大部分来自饥人谷前端体系课

12
回复 编辑