js随堂记录总结

一、初识JavaScript
定义：JavaScript是一门计算机语言，它可以写进HTML(超文本标记语言)之中，实现网页的画面交互，为页面增添许多功能和色彩。
   学习了哪些内容
1.函数
函数定义：函数是一种可以通过调用来完成具体事件的代码块，我们可以需要使用它的时候给它赋值，然后输出我们想要的结果，函数名可以是英文、中文(尽量不要使用)、数字、$ 符号和 _ 下划线，函数名不能以数字开头，也不可以是系统保留字（var， function， for， whlie 等），函数的赋值可以是一个或者多个，函数的参数只在函数里面才有效，在函数以外我们就访问不到这个值；函数不仅可以合并操作重复性的代码，还可以通过计算得到一个值，这个值就是返回值，还可以被赋值给变量。
函数有两种定义方式，第一种是 var 函数名 = function，另外一种是function 函数名 ，函数的函数的使用方法如下。

//第一种定义方式
var add(定义个函数名) = function(a, b 可以给函数附上一个或者多个值) {
//在里面输入代码主体
    return a + b
}

console.log(add(1, 2))//输出函数执行结果
var num = add(1, 3)
console.log(num) 

第二种定义方式
function add(a, b 可以给函数附上一个或者多个值) {
//在里面输入代码主体
    return a + b
}
console.log(add(1, 2))//输出函数执行结果

2.循环：
循环就是可以帮我们重复去做一件事，反复去执行一个语句和代码。目前接触了while循环和for循环，while循环和for循环各有各的优势, for循环可以设置次数，while循环条件满足没有次数限制，对一个数组进行循环时，一般来说，如果每轮循环都是在循环处理完后才将循环变量增加的话，使用for循环比较方便。 如果循环处理的过程中就要将循环变量增加时，则使用while循环比较方便。
- while循环（语句如下）

var i = 0
var j = 1
while(i < 4 条件) {
  j++  //代码主体
  i = i + 1
}
console.log(j)//输出一个变量的值

- for循环（语句如下）

var a = 1
for(var i = 0; i < 5; i++ 条件 ) {
  a++//代码主体
}
console.log(a)//输出一个变量的值

3.数据类型：
数字类型是Number，又可以分为整数（就是整数）和浮点型（就是带小数点数字）；"name"就是一个字符串，单引号和双引号包起来的字符就是字符串，不可混合使用单双引号。

4.选择函数的返回值：
if 和 else ,可以理解为如果if这样(条件)，那么else就会那样（对应的结果），它输出的结果只能是一个，只满足一个条件其他的条件都不会执行；if判断的条件（里面的表达式）其实是一个值，这种值叫布尔值（bool, boolean）,这种值只有两个结果，要么是真（ture）要么就是假（false），例如5 <10这就是一个false，if是根据这个值来决定执行语句的，下面举个例子：

var grade  = 10
if(grade < 5  条件 ) {
  console.log('小学生' )
} else if(grade < 10  条件 ) {
  console.log('中学生')
} else {
  console.log('高中生')
}

- 一共有七种比较运算，分别是：

1 === '1' //严格相等
1 == '1'//绝对相等,他会去忽略类型
!= //不等于
< //小于
> //大于
<= //小于等于
>= //大于等于

- 除了比较运算，还有三种逻辑操作，分别是 与（&&） 或（||） 非（！）

//&&就是两个条件必须要全部符合
 if(账户存在 && 密码正确) {
   登录成功
 } else {
   登陆失败
 }

// ||是两个条件满足一个即可
 if(1 == 1 || 1 == 2) {
   console.log('turn')
 } else {
   console.log('false')
 }

 //！ 是不等于
 if(1 != 1) {
   console.log('turn')
 } else {
   console.log('false')
 }

- %是求模运算符（取余数）

 var a = 4
 if(a % 2 == 0) {
   console.log('偶数')
 } else {
   console.log('奇数')
 }

5.标准库
库是一个编程术语，意思是一系列函数的集合。标准库也是一个术语，指的是语言自带的库，我们可以在（MDN）上面查看所有标准库的文档，以便于我们解决问题。

6.array
array 是一个数组，可以用来出储存很多元素，每一个元素的值、类型都可以不用相同，使用[ ]符号，每个元素用逗号隔开，还可以用数组名加 . length来访问数组的长度（列表中元素的个数）,还可以通过下标（每个元素都对应着一个下标，第一个是0第二个是1，以此类推）来访问数组，代码如下：

//这是一个数组a
 var a =[1, 2, 'hh', 'turn']
 console.log(a)//访问a数组
 console.log(a.length) //访问数组的长度
 console.log(a[0]) //访问第一个数组
 console.log(a[1]) //访问第二个数组
 console.log(a[2]) //访问第三个数组
 console.log(a[3]) //访问第四个数组

- 还可以通过循环的方式来访问数组，这个就是称之为遍历。

var a = [2, 3, 4, 6, 7, 1]
 for(var i = 0; i < a.length; i++) {
   console.log(a[i])
 }
//上面的for循环等于下面的while循环
var a = [2, 3, 4, 6, 7, 1]
var i = 0
 while( i < a.length) {
   console.log([i])
   i++
 }
 a.Push('萧大')//push可以在函数里面增加洗个新的元素，这个元素可以是任何类型。

7.字符串
字符串可以判断相相等、判断是否包含、相加、取子字符串，还可以得到一个想要的字符串，可以用（ES6）的模板字符串。

//判断两个字符串是否相等
console.log('good' == 'good')
console.log('good' == 'god')
console.log('good' != 'good')

//判断两个字符串是否包含
//第一个字符串里面是否包含第二个里面的
console.log('impossible'.includes('possible'))
//两个字符串相加
console.log('very' + 'good')

//可以用反应号（``）加&{}来得到一个新的字符串
var s = 'gua'
var a = `${s}, 你好`
console.log(a)

- 字符串也有长度，也可以通过下标来访问到它，字符串可以看成是一个数组，我们只能去相加改变他的字符串，而不能通过push来增加，还可以用循环来遍历这个字符串，字符串还可以切片，语法如下：

//通过下标来访问
var s = 'guanihao'
console.log(s[0])
console.log(s[1])
console.log(s[2])

//通过切片的方式来访问到字符串
var s = 'guanihao'
s.slice(1, 4)  //第一个下表包括它，第二个下标不包括它
s.slice(3) //省略结束下标就是取到底的意思
console.log(s)

8.debug
用来检查错误，有时候在执行代码的时候出现错误怎么办？首先就是冷静分析，因为我们不知道代码是否执行，可以用log去加载代码执行轨迹，还可以用log去显示代码执行时的运行数据，从而我们就知道哪里出现了错误。

var value = function(array) {
  var s = 0
  for(var i = 0; i< array.length; i++) {
    var n = array[i]
    s = s + n
    //log出n在循环中的数据
    console.log('n 的值是 ', n)
  }
  return s
}
value([1, 2, 4, 7, 5])

9.测试和自动测试

用于测试的套路
var ensure = function(condition, message) {
  if(!condition) {
    console.log(message)
  }
}

//我们需要测试的函数
var value = function(array) {
  var s = 0
  for(var i = 0; i< array.length; i++) {
    var n = array[i]
    s = s + n
  }
  return s
}
//如果代码正确那就不输出，如果错误就输出
var textValue = function() {
  var value1 = [1, 2, 3, 4, 5]
  var s = 15
  ensure(s == value(value1), 'value 错误')
}

10.break语句和continue，break 是终止单次循环，continue是跳过本次循环，语法如下：

//break语句
var i = 0
while(i < 10) {
  i++
  if(i % 2 == 0) {
    break
    console.log('不会被执行的 i', i)
  } else {
    console.log(i)
  }
}
//continue语句
var i = 0
while(i < 10) {
  i++
  if(i % 2 == 0) {
    continue //终止单次循环
  } else {
    console.log(i)
  }
}

11.object对象
object是一个非常重要的存储数据的类型，我们可以通过key（键）来访问数据,左边是键，右边是值，键在所有情况下基本上都是字符串的形式，右边的值可以是任何类型。点语法访问有两种情况不能使用，第一个是键里面包含空格（例如na me），第二个是键存储在变量中的情况下（var a = 'name'），这两种我们不能直接不能通过点访问，访问不存在的键会得到一个undefined 

var value = {name:'gua', age:18, gender:'男'}
value['name'] //第一种访问方式
value.age //第二种访问方式

//增加一个元素
value['height'] = '180'

//修改已有元素
value['name'] = '瓜'

//删除一个元素
delete value.gender