Java Script中值得收藏的学习笔记（总结分享）-9543建站博客

广告：宝塔Linux面板高效运维的服务器管理软件点击【 https://www.bt.cn/p/uNLv1L 】立即购买

Java Script中值得收藏的学习笔记（总结分享）

今天给大家带来了值得收藏的JavaScript初级学习笔记，含有很多小知识，赶快码住看一看吧！

什么是JavaScript？

JavaScript是一种运行在客户端的脚本语言

基本输入输出语句功能语句打印输出console.log()弹出输出框alert弹出输入框prompt文件写入document.write(’’)小理论： console.log可以输出任何类型的数据，alert只能输出String类型的数据，且只能输出第一个数据，如果alert输出的是对象会自动调用toString()方法。

变量

声明变量 var (name)

一些注意事项

一次声明多个变量的时候必须用逗号进行隔开，而且必须换行，写在同一行的多个声明变量会无效。

未初始化的变量直接输出结果是undfined

变量的命名规范：字母数字下划线美元符号（不以数字开头）

变量初始化中，单引号和双引号没有区别

数据类型

JavaScipt是一种> 动态/弱类型语言

Num数字型Boolean布尔型Str字符串型Undefined未知的值Null空

js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的，也被称为动态数据类型

常用语句：

IsNAN() //判断值是否为非数字//转义符： \n换行 \t缩进 \b空格str.length  //获取字符串长度

登录后复制

小理论

undefined和数字相加，结果是NaN

null+1等于1

prompt取过来的值是字符型.

对于prompt取值做加法，有以下加法案例:

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);

登录后复制

字符串转换（chrom颜色为黑）

变量.toString()String()强制转换隐式转换：+拼接字符串模板拼接 我的年龄是${age}岁 (注意反引号不要掉了)

数字型转换（chrom颜色为蓝）

Parselnt（）转换为整数型parseFloat（）转换为浮点型Number（）强制转换函数隐式转换：- * / 算术运算隐式转换

布尔型转换（chrom颜色为蓝）

空、否定会被转换为false：如 ‘’、 0 、 NaN 、 null 、 undefined 其余全部为true

运算符==默认转换数字类型，会把字符型转换成数字型===全等，要求数值和数据类型都一样

优先级：

括号

单目（右结合右至左）

算数*/%

位移

关系

相等

逻辑&^| &&||

赋值

逗号

选择语句if没什么好说的switch注意事项： case的值判断是全等运算判断

数组创建数组的方式 1.利用new创建数组

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和3

登录后复制

2.利用字面量创建数组

var arr = [];

登录后复制

3.获取数组的长度

arr.length

登录后复制

也可通过arr.length = （Number）的方式来修改数组长度

注意点：

多余的地址/空地址/未定义数组元素默认值为undefined 拿C语言举例，字符数组默认后面都是有一个\0结束的，而下标越界会导致程序错误，JS这样设置的好处就是可以不定义数组长度，或者预先给到地址空间。 4.实现数组迁移，从而不需要定义索引/下标变量

newArry[new.Arry.length] = arr[i++];

登录后复制数组的常用内置对象

1.判断数组

// var arr = [];arr instanceof Array //Instanceof运算符判断是否为数组Array.isArray(arr)  //isArray判断是否为数组

登录后复制

2.添加数组元素

arr.push() //在数组最后添加一个或多个数组元素arr.unshift() //在数组最前面添加一个或多个数组元素

登录后复制

实用：push可以实现给新的空数组赋值，且push和unshift都有返回值，为新数组的length

3.删除数组元素

arr.pop()  //删除数组中最后一个元素arr.shift()  //删除数组中第一个元素

登录后复制

有返回值，为删除的元素值

4.翻转/逆置数组

arr.reverse()

登录后复制

5.数组排序

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);0

登录后复制

理论：为什么说是对个位数进行冒泡排序，因为sort比较数组会先把数组转换成字符串，所以77会比8更先，但是如果有了比较函数(compareFunction)的指定，就能实现按要求排列

arr.sort解决方案

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);1

登录后复制

a - b为升序排序，b - a为降序排序

6.查找数组

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);2

登录后复制

从前往后查找返回数组满足条件第一个元素的索引号，如果找不到则返回-1

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);3

登录后复制

从后往前查找返回数组满足条件第一个元素的索引号，如果找不到则返回-1

7.转换成字符串

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);4

登录后复制

Arguments 伪数组只有在函数中能够使用

同样按照下标的方式存储数据，可以不定义长度实现形参接收

函数

声明函数：

Function 函数名 () { }

var 变量名 = Function () { } 函数表达式（匿名函数）

预解析：

就是把JS中所有的var和function提到当前作用域的最前面

变量预解析提前所有的变量声明（不提赋值操作）

函数预解析提前所有的函数声明（不调用函数） → 所以要额外注意函数表达式和声明函数的预解析

理论：如果形参多于实参，按前取；如果有实参没有被传值，默认是undefinedReturn返回一个值，但是如果return[ ] 且有多个表达式以逗号隔开，那返回值会是整个[]的所有运算结果！！如果函数没有返回值，那么返回的是undefined ！！在函数内部直接赋值的变量属于全局变量函数的形参是局部变量块级作用域： {} （es6新增，其他版本在括号里面定义的变量也能在外面调用）作用域链：多个函数嵌套的时候会形成作用域链，子函数能访问父函数的块作用域

对象什么是对象？对象是一组无序的相关属性和方法的集合（字符串，数值，数组，函数）在其他语言中，类似 >结构体 >字典

创建自定义对象和对象属性、对象方法：

字面量创建

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);5

登录后复制

记忆方法↓：

直接给对象名、属性冒号跟值+语句结束逗号方法用冒号取值：对象名.属性名 or 对象名[‘属性名’]调用对象方法：对象名.方法名()；new object

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);6

登录后复制

记忆方法↓：

var对象名 = new Object (); 不加分号对象名.属性 = 取值 + 分号方法用冒号取值：对象名.属性名 or 对象名[‘属性名’]调用对象方法：对象名.方法名()；

3.构造函数

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);7

登录后复制

记忆方法↓：

类似函数声明，但是构造函数函数名首字母必须大写，this.属性方法用等号构造函数必须得有变量传值，构造函数的方法也必须有变量传值调用构造函数 var 变量 = new 构造函数名(传递的值)

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);8

登录后复制

new的执行过程

new构造函数会在内存中创建一个空的对象

this就会指向刚才创建的对象

接着依次执行属性、方法，并返回

新循环遍历

For （变量 in 对象）{ }这里的变量是属性值做遍历 属性的值的输出：consolo.log(对象[变量]); 程序员在for in 的变量喜欢写Key或者i

一些可用内置对象：

//demo onevar a,b;a = parseInt(prompt('请输入第一个值'));b = parseInt(prompt('请输入第二个值'));var c = a + b;alert (c);//demo twovar a = prompt('请输入第一个值');var b = prompt('请输入第二个值');var c = Number(a) + Number(b);alert (c);9

登录后复制随机数

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和30

登录后复制返回一个随机浮点数【0，1）括号里不跟参数 ↓ 扩展：得到自定义最大值和最小值中间的随机函数

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和31

登录后复制new Date()调用日期对象不跟参数返回系统时间

(‘2021-10-10 8:00:00’)字符串输出

(2021, 10, 10)数字输出月份从0开始11结束故而要在月份的基础上+1

变量.getDay()获取当前星期，星期日从0开始到星期六6结束获取到的值是一个数字 ↓规范获取当前时间 demo

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和32

登录后复制

==值得注意的是，必须使用变量调用Date这个构造函数

基本包装类型：就是把简单数据类型包装成复杂数据类型，这样基本数据类型就有了属性和方法，那么一般来说在浏览器里面JS引擎会自动帮我们把简单数据类型包装成复杂数据类型

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和33

登录后复制一些可用的字符串内置对象查找字符串

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和34

登录后复制查找指定字符

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和35

登录后复制拼接字符串

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和36

登录后复制查找某一连续字符

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和37

登录后复制替换字符

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和38

登录后复制字符串转换成数组

var arr = new Array() //注意的是，new A必须大写var arr = new Array(2); //表示数据长度2var arr = new Array(2, 3); //表示里面有两个元素是2和39

登录后复制

一些传参和类型的– 理论深入：

简单类型又被称为基本类型或者值类型因为存储是值本身系统自动分配释放存放函数的值，局部变量的值，被称为栈复杂类型又叫引用类型因为存储的是地址调用的时候需要专门引用现在栈里面存放16进制地址码，然后指向堆里面的数据（对象实例），被称为堆复杂类型传参，如果不是传值，传的指针，也就是传地址特殊： Null返回的是一个空的对象（因为程序的设计缺陷）

可以定义变量为Null，稍后再给值

更多编程相关知识，请访问：编程入门！！

以上就是Java Script中值得收藏的学习笔记（总结分享）的详细内容，更多请关注9543建站博客其它相关文章！

广告：SSL证书一年128.66元起，点击购买~~~