重温Javascript:基本语法

分号

一般情况下,分号意味一条语句的结束

定义变量:

var a;
var b='a';

循环语句:

for(var i=0; i<n; i++) {
    //do sth
}
花括号

花括号把若干条语句包含起来,作为一个代码段

1.条件语句

if(true) {
    //do sth
}

switch(var) {
    case A:
    case B:
}

2.循环语句

for(var i=0; i=n; i++) {
    ...
}

while(true) {
    ...
}

3.函数块

function A() {
    ...
}
代码注释

写法

注释的写法分单行注释和多行注释

  1. 单行注释,只作用于当前行的代码,写法是两条反斜杠 // 
  2. 多行注释,可作用于于多行的注释,写法是以 /*  开始,以/  结束,中间部分的内容为不会被执行
//当行注释

/**
1.第一行注释
2.第二行注释
*/

/**
* 截取字符串
* @param str 要截取的字符串
* @param len 截取长度
* @param after 截取之后要显示的字符
*/

作用

  1. JS解析器不执行注释的代码
  2. 说明某个变量的作用
  3. 说明某个函数的功能,参数说明,以及是否有返回值
var isShow = false; //变量说明:是否显示

/**
 *
 *
 *
 **/
变量(也叫标识符)声明

语法

var关键字 + 变量名 [ = 变量值] + 分号结束

声明示例

1、未初始化变量 var a;

2、初始化变量 var a=1;

3、声明多个变量

var a,b;
var a=1,b;
var a=1,b='Hello';

直接量,俗称变量值,也是Javascript的数值类型

12 //整数,整型
1.2 //小数,浮点型
"hello world" //字符串
'hello' //字符串
true //布尔类型
false //布尔类型
/javascript/gi //正则表达式
null //空

特点

  1. 首字母只能是英文字母,下划线(_)或者美元符号($)
  2. 变量的命名是区分大小写的,即 a 和 A 都不是同一个变量
  3. 不使用var声明的变量,就会被解析为全局变量
函数声明

使用function关键字声明

//方式1
function helloFunc() {
    console.log('这是一个函数');
}

//方式2
function hellFuncA(a,b,....) {
  console.log('这是一个有参数的函数');
}

代码说明:

  1. function 是定义函数的关键字
  2. 紧跟着的是函数名,helloFunc
  3. 关键字与函数名之间使用空格隔开
  4. 函数名的后面紧跟着的是一对括号,括号中定义函数所需要接收的参数值(见方式2)

调用方法

  1. 函数名加括号
  2. 如果调用的是有参数的函数,在括号中传入参数
//方式1
helloFunc();

//方式2
hellFuncA(1,2,[1,'2']);
操作符

四则运算操作符

即常用的加、减、乘、除、求模,仅对于数值型的变量

//加法操作
1 + 2

//减法
1 - 2

//乘法
1 * 3

//除法
1 / 2

//求模
26 % 5

等号操作符

单个等于号( = )是赋值操作符

//四则运算结果赋值
var b = 1 + 2;
var b = 1 - 2
var b = 1 * 3
var b = 1 / 2
var b = 26 % 5

//变量初始化赋值
var a = 1;
var b = false;

//对象实例化赋值
var person = new Person;

逻辑判断

  • == 判断两个 *变量/对象/运算结果的值 *是否相等
  • === 完成相等,变量/对象/运算结果 不仅仅是值相等,而且类型也完全相等
  • != 判断两个 *变量/对象/运算结果的值 *是否不相等
  • !== 判断两个 变量/对象/运算结果的值 不仅仅是值不相等,而且类型也不相等
//'1'自动转化为1然后再做比较,所以相等,返回true
console.log(1=='1');

//值相等,类型不等,返回false
console.log(1==='1');

//值不相等,返回true
console.log(1 != 2);

//类型不等,返回true
console.log(1 !== '1');

比较操作符

>、 <、 >=<=常用于比较两个数字的大小

//返回true
console.log(2 > 1);

//返回false
console.log(2 < 1);

//返回true
console.log(2 >= 1);

//返回false
console.log(2 <= 1);

条件操作符

语法:[变量] = [ 执行返回布尔值的语句 ] ? [真值的结果] : [假值的结果]

//例子:判断a是否大于b,是则返回'yes',否则返回'no', 并将最终结果赋值给变量result
var result = a > b ? 'yes' : 'no';

逻辑操作符

逻辑操作符多用于逻辑判断,分别是!(逻辑非)、&&(逻辑与)、||(逻辑或)

逻辑判断语句

IF语句

当if后面紧跟着的括号内的运算结果为true时,就会执行大括号内的语句

if(运算结果为真) {
    //do sth
}

IF..ELSE语句

当if后面紧跟着的括号内的运算结果为true时,就会执行statement1语句;否则执行statement2语句

if(运算结果为真) {
    //statement1
} else {
  //statement2
}

IF...ELSE IF...ELSE...语句

当if 运算结果为 true时,就会执行statement1语句,且不向下执行 当if 运算结果为false时,继续向下执行 if else,当if else 运算结果为true时,执行statement2语句,否则执行else

if(condition1 ) {
    //condition1运算结果为true时执行,且不向下执行
} if(condition2) {
    //condition1运算结果为false,且condition2运算结果为true时执行
} else {
  //condition1和condition2运算结果都为false时执行
}

SWITCH语句

switch(val){
  case value1:
    //val==value1时执行
    break; //不向下执行
  case value2:
    //val==value2时执行
    break; //不向下执行
  case value3:
    //val==value2时执行
    break; //不向下执行
  default:
    //默认执行
}
循环语句

For 循环

for([初始条件]; [停止条件]; [更新语句]) {
  //循环逻辑
}
  • 初始条件:定义循环开始的条件
  • 停止条件:定义循环停止的条件
  • 更新语句:每次循环体内的代码执行结束后执行

While 循环

while([循环表达式]) {
  //循环逻辑
}
  • 循环表达式:定义循环执行的条件,结果为真则循环继续执行,结果为假则循环停止

do ... while 循环

do{
  //循环逻辑
} while([循环表达式])
  • 循环表达式:定义循环执行的条件,结果为真则循环继续执行,结果为假则循环停止
  • 循环体内的逻辑至少执行一次

continue 和 break

  • continue 跳过本次循环,继续下一次循环
  • break 退出整个循环,循环不在继续
原文链接:segmentfault.com

上一篇:gulp插件解读 - gulp-util(gulp4.0建议弃用)
下一篇:重温Javascript:数据类型

相关推荐

官方社区

扫码加入 JavaScript 社区