JavaScript知识点总结

小毛驴

已于 2024-03-05 13:33:34 修改

阅读量410

点赞数 18

文章标签： javascript 开发语言

于 2024-03-04 17:12:54 首次发布

本文链接：https://blog.csdn.net/zrd26855/article/details/136454540

版权

本文详细介绍了JavaScript的基础语法，包括输出/输入语句、数据类型、进制转换、字符串方法、类型转换、算术运算、比较和逻辑操作、函数、数组和对象的使用，以及HTML中的DOM操作和样式修改。

摘要由CSDN通过智能技术生成

1.输出输入语句：

alert("hello world")
console.log("你好 js")
prompt("请输入你想要输入读入数据")
document.write("页面输出")

2.数据类型（typeof）

基本数据类型：

number,string,boolean,undefined,null

复杂数据类型

object,arry,function等

3.不同进制类型

二进制：0b10 //2

八进制：017 //15

十六进制：0xf //15

4.字符串常用方法

重点方法：indexOf（） //括号检索有没有出现字符，并返回第一次出现的位置

5.数据类型转换

隐式转换：Number() String 看的过去的才能转换

显式转换：parseInt() parseFloat() 几乎所有的数据都可以String转换

+ 加号的使用：

1.两个数字相加得数字

2.数字和字符串相加得字符串

3.+=也是一样的，只要 = 两边出现字符串，最后的记过就是字符串

- 的使用：

1.减法的使用也是非常重要的，但是用的不多

如果看起来能做转换的字符串与数字发生减法操作，会自动将字符串转换为

数字，隐式转换不了的就会出现类型不匹配

* 使用

1.出现乘法时数据会自动转换为数据类型，本质是调用了内部的Number()函数

保留小数位 ·

数据向上或者向下取整：

6.判断是否相等

在js中 = 是赋值，==表示值相等， ===表示值和类型都相等

js中不可以连比： 3 <= a <= 5 这样写是错误的

7.逻辑运算

这里面涉及到与或非，还有逻辑中断，不过一般用不着

8.函数的定义和调用

函数现在没必要记太多，有需要查询文档就行

1. var是一个bug，不建议在定义的时候使用var，如果可以的话尽量使用const

2. 函数返回值关键字 return

3.形式参数和实际参数（这里就没啥好说的，大差不差）

9.数组

数组无论是在我们用什么语言都需要使用到的变量

定义：

构造函数的方式定义数组已经可以淘汰了，没有必要去了解

(在这里只需要记住下标是从0开始的)

const arr1 = ["name","age","gender"]
			
console.log(arr1)
for (let i = 0; i < arr1.length; i++) {
	console.log(arr1[i])
}

常用的属性和方法

1.数组里面常用的是放对象，访问方法一致：数组【下标】

2.arr1.length (数组长度) arr1.sort() ///(数组排序)

3.arr1.toString() 转换为字符串

4.arr1.push() 删除最后一个元素

5.删除指定位置的数组：person.splice(指定位置，删除个数)

6.其余的有需要查询文档，记多了也烦（反正你想实现的功能都有对应函数）

10对象

1.在js中所有的都可以看作是对象，string,date,array等都是内建对象，都可以用对象的方法和属性

2.定义对象

属性不需要加引号

const person = {name:'张三' , age:18 , telephone:18588}

这里也可以用构造函数创建类：用了关键字new以后this指向的的是当前对象，不new指向window

3.对象的操作

对象.属性，只需要记住遍历和添加 4.对象转换为字符串非常重要（在页面缓存传数据时会用到）

11.分支循环

对于循环没有必要弄得太高大上，熟练以后自然可以写得很好，只要直到基础用法先实现功能：

for：

for(let i = 0 , i<5 , i++){
    console.log(i)
}

while:(需要注意的是一定要有结束条件)

let n = 0;
let x = 0;

while (n < 3) {
  n++;
  x += n;
}

switch case:

switch (expression) {
  case value1:
    // 当 expression 的结果与 value1 匹配时，执行此处语句
    break;
  case value2:
    // 当 expression 的结果与 value2 匹配时，执行此处语句
   break;
  ...
  case valueN:
    // 当 expression 的结果与 valueN 匹配时，执行此处语句
    break;
  default:
    // 如果 expression 与上面的 value 值都不匹配，执行此处语句
    break;
}

在这里还是要提一下break和return和continue

return : 用在函数里面，跳出函数

break : 用于跳出循环，结束当前循环

continue ：中断当前这一次执行的语句，但是不跳出循环，继续执行下一个满足条件的语句