【js学习】

---

基础

=day01=

01介绍

1.js:是一种运行在客户端（浏览器）的编程语言，实现人机交互效果
2.作用： – 网页特效
– 表单验证
– 数据交互
– 服务端编程(node.js)
3.组成：
–ECMAScript:
规定了js基础语法核心知识
–Web APIs：
DOM：操作文档，比如对页面元素进行移动、大小、添加删除等操作
BOM: 操作浏览器，比如页面弹窗，检测窗口宽度，存储数据到浏览器等

02变量

1.变量：变量是计算机中用来存储数据的‘容器’，它可以让计算机变得有记忆。
注意：变量不是数据本身，他们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子
变量–存–数据
2.变量的使用
声明变量：
let 变量名
–声明变量由两部分构成：生命关键字，变量名（标识）
–let即关键字（let:允许、许可、让、要），所谓关键字是系统提供的专门用来声明（定义）变量的词语
举例：
let age
–声明了一个age变量，age即变量的名称，也叫标识符。
变量赋值
=
声明直接赋值 let age=18(变量的初始化)
更新变量
let age=18
age=19
变量的本质
内存：计算机中存储数据的地方，相当于一个空间
变量本质：是程序在内存中申请的一块用来存放数据的小空间
变量命名规则与规范
1.规则：（必须遵守，不遵守会报错）
不能用关键字：关键字（有特殊含义的字符，js内置的一些英语词汇。例如：let var if for 等）
2.规范：（建议，不遵守不会报错，但不符合业内通识）
起名要有意义
遵守小驼峰命名法

  let var区别
  在较旧的js中，使用关键字var来声明变量，而不是let

var现在开发中一般不再使用它
let为了解决var的一些问题
var声明：
可以先使用在声明（不合理）
var声明过的变量可以重复声明（不合理）
比如变量提升，全局变量，没有块级作用域等等

  变量拓展--数组
    数组（Array）--一种将数据存储在单个变量名下的优雅方式
    let arr=[]
   举例 let 数组名=['数据1‘，’数据2‘]
    数组是按顺序保存，所以每个数据都有自己的编号
    计算机 中的编号从0开始
    在数组中，数据的编号也叫索引或下标
    数组可以存储任意类型的数据

03常量

1.常量的使用
–概念：使用const声明的变量称为”常量“
–使用场景：当某个变量永远 不会改变 的时候，就可以使用const来声明，而不是let
–命名规范：和变量一致
–常量使用： const a=10
–注意：常量不允许重新赋值，生命的时候必须赋值（初始化）
–小技巧： 不需要重复赋值的数据使用const

04数据类型

1.分类：
–基本数据类型：number数字型、string字符串型、boolean布尔型、undefined未定义型、null空类型
–引用数据类型：object对象

NaN代表一个计算错误，他不是一个正确的或者一个未定义的数学操作所得到的结果
NaN是粘性的。任何对NaN的操作都会返回NaN

字符串拼接 —”+“

模板字符串： 外面用 ``，里面$变量名举例：letage=18document.write(‘我今年${age}岁了`)

表示肯定或否定时在计算机中对应的是布尔类型数据 true false

未定义的是比较特殊的类型，只有一个值undefined
只声明变量，不赋值的情况下，变量的默认值为undefined，一般很少直接为某个变量赋值为undefined

undefined表示没有赋值
null表示赋值了，但内容为空

把null作为尚未创建的对象

2.检测数据类型：
–控制台输出语句
–typeof x
–typeof(x)

04转换数据类型

1.隐式转换：+号两边只要有一个是字符串，都会把另一个转成字符串
除了 + 以外的算术运算，比如 - * / 等都会把数据转换成数字类型

2.显式转换：
举例： let str=“123”
console.log(Number(str))

 --Number(数据)

–parseInt(数据)
只保留整数
–parseFloat(数据)
可以保留小数

day02==

01运算符

赋值运算符，一元运算符，比较运算符、逻辑运算符（||或 &&与 ！非）、运算符优先级
–字符串比较是按ASCII码比较

–分支语句：
– 程序三大流程控制语句：顺序结构、分支结构、循环结构
– 分支语句：if分支句、三元运算符、switch语句
– 循环

1.if语句
–使用：单分支，双分支，多分支
2.三元运算符
–语法： 条件 ？ 满足条件执行的代码 ：不满足条件执行的代码
–举例： 3>5 ？3：5
–一般用来取值的
3.switch语句：
switch（数据）{
case 值1：
代码1
break
case 值2：
代码2
break
case 值3：
代码3
break
default:
代码4
}

1.while循环：重复执行某些代码
while(循环条件){
重复执行的代码（循环体）
}

let i=1
while(i<3){
     重复执行的代码（循环体）
    i++
   }

2.for循环：一般遍历数组
continue推出本次循环
break退出整个for循环

区别：
当如果明确了循环的次数的时候推荐使用for循环
当不明确循环的次数的时候推荐使用while

数组-增加：
push :加在数组末尾，并返回数组长度
unshift:将一个或多个元素添加到数组的开头，并返回该数组的新长度

数组-删除：
arr.pop() --删除最后一个元素，返回是删除的元素
arr.shift() --删除第一个元素，返回是删除的元素
arr.splice(操作的小标，删除的个数) --（起始位置，删除几个元素）

函数

抽取-封装

funtion 函数名（）
函数：funtion,是被设计为执行特定任务的代码块
说明：函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这样做有利于精简代码方便复用。
函数的调用： 函数名（）------函数不调用不执行，还可以重复调用

函数传参：
有参数的函数，多个数据用逗号隔开

形参----声明函数时写在函数名右边小括号里的叫形参（形式上的参数）
实参—调用函数时卸载函数名右边小括号里的叫实参（实际上的参数）

函数返回值：用return关键字
return下一行之后的后面不会被执行
没有return，则返回的是undifined

如果形参过多，会自动填上undefined
如果实参过多，那么多于的实参会被忽略

break结束的循环，return结束的函数

逻辑与 && 都是真，则返回输出最后一个真值
逻辑或 || 都是真，则返回输出第一个真值

===对象=

对象（object)：JavaScript里的一种数据类型
可以理解为是一种无序的数据集合，注意数组是有序的数据集合。可以详细的描述某个事物

let 对象名 ={
属性名：属性值，
方法名：函数
}

对象有属性和方法组成

举例：
let obj={
uname:‘刘德华’,
song:function(x,y){
console.log(x+y)
}
}
obj.song(1,2)