JS相关介绍-编程知识

1.JS引入：

内部：直接在html文件内部使用script标签调用

外部：另外新建JS文件，再在html文件中调用

2.输入输出：

输入：prompt('请输入您的姓名：')

输出：document.write('你们真是天才') 注：可以识别标签

console.log('控制台输出') 该语句是在控制台输出，用户看不到

3.变量，常量：

变量声明：let 或 var ------注：var现在一般不用，var引入变量是基于全局的，且变量名可以重复，所以运行时可能报错，let则不会

变量命名规范:1、有效符号（大小写字母、数字、下划线、$）

2、关键字、保留字不能用于变量命名

3、不以数字开头

4、尽量用有意义的变量名

5、驼峰命名法 userName

常量：引入用const,常量名一般大写

4.基本数据类型：（JS是弱数据类型语言，赋值后才可以知道是什么数据类型）

数字类型：number

字符串类型:str

布尔类型:boolean

5.运算符：这里只介绍逻辑运算符，其他什么算数，关系等九种运算符该处不做介绍

逻辑运算符：&& || ！

alert(4 > 3 && 3 < 5) ------两真为真，一假则假

alert(4 < 3 || 3 < 5) -----一真则真全假则假

alert(!true) ---取反

6.分支语句：

单分支：if（条件）{执行的语句}

双分支：if（条件）{执行的语句} else{执行的语句}

多分支：if（条件）{执行的语句} else if (判断的条件){执行的语句} else{}

注：有几个分支写几个，最后用else结尾即可

7.循环语句：

switch：

switch (变量) {

case 条件1:

执行语句

break

case 条件2:

执行语句

break

default 执行语句}

while循环：while（条件语句）{执行语句} -----需要有终止条件，否则会死循环

do-while同理

for循环：for（let 条件；判断；处理条件）{执行语句}

注：循环嵌套一样使用即可

8.数组：

数组的增删改查：增 push 在数组末尾添加------arr.push('姜加')

unshift 在数组首部添加-------arr.unshift('jiangjia')

arr.shift()在数组首部删除

arr.pop()在数组首部删除

splice(删除的起始位置，删除的个数)------arr.splice(3, 1)

splice(添加的起始位置，0,要添加的元素)-------arr.splice(3, 0, 'jiangjia')

数组遍历：for (let i in student) {

for (let j in student[i]) {

console.log(student[i][j])

}

9.函数：function 函数名（）{

执行语句

}--------函数需调用才会有用

匿名函数：

function sayHi(fn) {fn()console.log('nihao')
}
function () {console.log('jiangjia')}sayHi(sayHello)

10.值传递，引用传递：

值传递：传递的时候只传递值

引用传递：传递时候传递的是地址，当值发生改变时，那个地址中存储的值也会改变

11.默认值参数：PI等

12.箭头函数：

setInterval(() => {console.log('i hate you')}, 1000)

13.递归：利用函数进行嵌套，对问题进行最小的划分即可

<body><script>function jiecheng(n) {if (n === 1) {return 1} else {return n * jiecheng(n - 1)}}let a = jiecheng(9)-----求阶乘alert(a)</script>
</body>

14.字符串常用方法

str.split()        ---分割字符串
str.substring()    ---提取从 indexStart 到 indexEnd（不包括）之间的字符
str.startsWith()    ---判断是否以什么开头
str.endsWith()     ---判断是否以什么结尾
str.includes()     ---判断是否包含该字符

15.对象的增删改查：

<body><script>let obj = {uname: 'zhangfei',age: 21,gender: 'nan'}// obj.uname// obj['age']// 改：对象.属性名obj.uname = 'GGBond'// 增加  对象.新属性名obj.sing = function () {console.log('sing~')}// delete 对象.属性名delete obj.genderconsole.log(obj)</script>
</body>

16.math的内置对象：

// Math.ceil向上取整console.log(Math.ceil(3.1415))
// Math.floor向下取整console.log(Math.floor(3.1415))
// Math.abs   绝对值console.log(Math.abs(-3.12))
// pow console.log(Math.pow(3.12, 10))
// 开平方根console.log(Math.sqrt(9))
// 随机数  console.log(Math.floor(Math.random() * 11) + 2)

17. dom:

<body><button>提交</button><script>const btn = document.querySelector('button')// console.dir(btn)console.log(typeof (btn))</script>
</body>

18.元素：

获取元素：// 1、通过css选择器获取             ('字符串')   const li2 = document.querySelector('.two')console.log(li2)// 2.document.querySelectorAll将所有匹配的元素全部获取到，并存放到伪数组const lis = document.querySelectorAll('li')
修改元素内容：元素名.innerHtml/innerText = `字符串`
修改元素属性：对象.属性 = 值
修改元素样式：CSS中的style修改

19.定时器：

setTimeout\setInterval   定时器
setTimeout :某段代码或者函数在多久后执行
setInterval:间隔一段时间，将代码或者函数执行一次
setTimeout(code||function,time(ms))
返回值是一个整数，代表定时器编码clearTimeout/clearInterval(a) ----该处的a为定时器编码

练习

for/while循环打印乘法表：效果图