前端基础--JS基础（二）

一、分支结构

js中的分支结构有两种：if语句，switch语句

1）if语句

var age = 18
if(age>=18){
console.log('成年')
}else{
console.log('未成年')
}

2）switch语句

10分制：0-5：不及格，6-7：及格，8-9：良好，10：优秀
score = 9
switch(score){
case 0:
case 1:
case 2:
case 3:
case 4:
case 5:
console.log('不及格');
break;
case 6:
case 7:
console.log('及格');
break;
case 8:
case 9:
console.log('良好');
break;
case 10:
console.log('优秀');
break;
}
switch出现的目的是在某些情况下简化if循环

二、循环结构

js的循环分为for循环和while循环

1）for循环：

var arr = [1,2,3,'abc']
for(var x in arr){
console.log(arr[x])
}

var obj = {name:'GHope',age:18}
for(var key in obj){
console.log(key,obj[key])
}

var sum = 0
for (var i = 1; i < 101; i++) {
sum += i
}
console.log(sum)

2）while循环

var sum = 0, i = 1
while(i<=100){
sum += i;
i++;
}
console.log(sum)

var sum = 0
var i = 1
do{
sum += i;
i++;
}while(i<=100)
console.log(sum)

3）break和continue

break 结束当前循环
continue 结束当次循环

三、函数

1）函数的声明

function 函数名(参数列表){函数体}

• function - 关键字
• 函数名 - 驼峰式命名；见名知义
• 参数：参数可以有默认值，但有默认值的参数要写在后边。
  因为js中的函数只能根据位置传参。要保证每个参数都有值才能有效调用该函数。
• 函数体：实现函数的功能。只有在调用的时候才执行

2）函数的调用

function func1(num1,num2){
console.log('求两个数的和')
return num1 + num2
}
console.log(func1(10,20))

函数没有return的时候，函数的返回值是undefined
function func2(){
console.log('I am funnction')
}
console.log(func2())

3）作用域

全局变量：声明在函数外面的变量（从变量声明到文件结束）
局部变量：声明在函数里面的变量（从函数声明到函数结束;函数参数)

4）其他注意

函数中的函数只能在函数中调用
可以将函数作为变量：var method = func2；method()

四、数据类型

4.1、字符串

a.获取字符串长度：字符串.length
var str = hellojs;
console.log(str.length)
b.获取单个字符：字符串[下标]
下标：1、范围是0~长度-1; 2、如果越界，不报错，但返回的结果是未定义
console.log(str[7])
c.运算符
js中字符串只支持+，不支持*
字符串1+字符串2 -- 拼接两个字符串
js中字符串可以和其它任何数据进行加操作，其效果都是字符串连接（会将其它数据转换成字符串）
console.log('123'+'abc')

4.2、对象，构造方法（类）

var obj = {name:'byby',age:18}
console.log(obj.name, obj['name'])

声明构造方法
function Person(){
this.name = 'Luners'
this.age = 18
this.sex = '男'
}
var p1 = new Person()
console.log(p1, typeof(p1))