js的变量、数据类型、运算符、流程控制

变量

1. 概 念：

计算机中用来存储数据的

2. 变量的创建

语法 : var 变量名称 = 值

3.变量的命名规范

。包含数字 (0-9) 、字母 (a-zA-Z) 、下划线 (_) 、美元符号 ($)

。不能用数字开头

。不能使用系统关键字、保留字

。变量名称有意义

。驼峰命名法 首字母小写，其余单词首字母大写

3. 变量的扩展

a. 初始化赋值 创建变量的时候 赋值

<script> 
var age=12
 </script>

b. 变量的值更新

<script> 
var age = 20 // 初始值 
age = 22 // age变量的值发生了变化 
var age1=23 
age = age1 // age 结果：23 将age1变量的值赋给了age变量
 </script>

4.特殊情况

1. 只声明变量

<script> 
var weight 
console.log(weight) // 结果：undefined 
</script>

2. 声明变量时 不加 var 隐式声明 函数内部声明全局变量的时候

<script>
 height='175cm' 
console.log(height);
 </script>

3. 同时定义多个变量 , 变量之间使用英文逗号 (,) 隔开

<script> 
var num1=15,num2=20,num3=25 
</script>

3. 练习

交换两个变量的值

<script> 
var num1=20;
 var num2=30; // 思路一: 创建第三个变量(中间变量) 
var temp = num1;
 num1= num2; // num1 值变为30 
num2= temp // num2 值为20
 // 思路二：使用加减法运算 通常都是数字的值交换
 num1=num1+num2 // num1 结果是50
 num2=num1-num2 // num2 结果是20 
num1= num1-num2 // num1 结果是30 
console.log(num1);
 console.log(num2);
 </script>

数据类型

复习

1. php 中的数据类型： boolean( 布尔 ) 、 int( 整型 ) 、 flfloat( 浮点型 ) 、 string( 字符串 ) 、 array( 数组 ) 、

object( 对象 ) 、 NULL( 空 ) 、 resource( 资源 )

2. Java 中的数据类型： boolean( 布尔 ) 、 int( 整型 ) 、 flfloat( 浮点型 ) 、 string( 字符串 ) 、 array( 数组 ) 、

object( 对象 ) 、 NULL( 空 ) 、 long 、 short 、 double 、 char 、 byte

3. JavaScript 中的数据类型

boolean( 布尔 ) 、 string( 字符串 ) 、 number( 数字 ) 、 object( 对象 ) 、 undefifined( 未定义 ) 、 null( 空 )

布尔数据类型中只有 true 和 false 两个值

字符串使用引号 ( 单引号和双引号 ) 引起来

数字包括整数和浮点数、 NaN

注意 : 当非数字字符串参与算术运算 (+ 除外 ) 的时候，得出的结果是 NaN

获取变量的数据类型

typeof()

<script> 
var str3= '15' 
// 获取变量的数据类型 
console.log(typeof(str3)) // 结果：string 
console.log(typeof(NaN)) // 结果:number 
</script>

运算符

1.  算术运算符

+

-

*

/

%

2.  比较运算符

<

>

< =

> =

== 等于 只比较值 值相等返回真，不等返回假

!= 不等于

=== 恒等于 ( 全等于 ) 比较值和数据类型 值和类型都相同时 返回真 否则返回假

!== 恒不等于 ( 全不等于 )

3.  逻辑运算符

&& 逻辑与 两边都为真时，整体返回真，其余情况全为假

|| 逻辑或 只要有一边为真时，整体返回真， 当两边都为假时整体返回假

！ 逻辑非 取反 非真即假，非假即真

4.赋值运算符

=

+= a+=2 等价于 a=a+2

-=

*=

/=

%=

5.  递增递减运算符

++ 每次加 1

-- 每次减 1

<script>
var num1=12
 var res = ++num1 + --num1 - num1-- + num1++ // num1 结果：? res 结 果：?
 </script>

6.拼接运算符

+

7.流程控制

7.1 分支 ( 选择 ) 结构

1. 单分支

语法： if( 条件 ){ 条件为真的时候，执行 }

<script>
if(false){
 console.log('this is true'); 
} 
</script>

2. 双分支

语法： if( 条件 ){ 条件为真的时候，执行 }else{ 条件为假，执行的代码块 }

<script>
if(5<2 || 4>3){ 
// 条件为真执行
 console.log('this is ok'); 
}else{ 
// 条件为假执行 

console.log('this is no ok'); 

} 
</script>

3. 多分支

a. if ...else if ... 结构

语法： if( 条件 1){

条件 1 为真 执行代码块

}else if( 条件 2){

条件 2 为真 执行代码块

}...else{

以上条件都不满足时，执行的代码块

}

b. switch ...case 结构

语法： switch( 表达式 ){

case 值 1: 执行的代码 1;break;

case 值 2: 执行的代码 2;break;

...

default: 以上值匹配不成功的时候，执行的代码

}

循环结构

当有一段相同或相似的代码，需要重复执行 n 次的时候 , 会使用到循环结构

1. for 循环

语法： for(var 计数变量 = 初始值 ; 循环条件 ; 递增或者递减 ){

循环体 ;

}

<script> 
// 输出1-100 
for(var i=1;i<=100;i++){ 
// 循环体
 document.write(i+'<br>') 
} 
</script>

2. while 循环

语法：

计数变量

while( 循环条件 ){

循环体

递增递减

}

3. do...while 循环

语法：

计数变量

do{

循环体

递增递减

}while( 循环条件 )

函数

函数 : 一段有名字的代码块

作用：

实现代码复用和提高开发效率

特性 : 函数不能自动执行，需要调用

语法 : function 函数名称 ([ 形参 ]){

实现特定功能的代码块

}

函数调用 : 函数名 ([ 实参 ])

<script>
 function printInfo(name,sex,age){ 
document.write('我叫'+name+',是个'+sex+'的，今年'+age+'岁了<br>') 
} 
printInfo('李四','男',21) 
</script>

注意：形参的个数和实参的个数要保持一致

判断给定的年份是否是一个闰年，如果是闰年返回 true ，不是返回 false

<script> 
function isRunNian(year){ 
if((year%4==0 && year%100!=0) || year%400==0){ 
return true; 
}else{
return false; 
} 
 } 
</script>

返回值 : return

作用 : 给函数本身设置一个值，终止后续代码执行

注意 : 一个函数只能有一个返回值

函数练习

1. 创建一个函数，用来输入任意两个范围内的整数和，将求和结果返回