Java之JS基础语法 ②(前端）

最新推荐文章于 2023-11-10 13:52:17 发布

会越来越强的哒哒

最新推荐文章于 2023-11-10 13:52:17 发布

阅读量430

点赞数 12

文章标签： javascript 前端 java

本文链接：https://blog.csdn.net/m0_58437435/article/details/127642243

版权

文章目录

一、数组
- 1.数组的使用
- 2.数组新增元素
二、函数
- 1.函数表达式
- 2.作用域
三、对象
- 构造函数
总结

一、数组

类型系统这里和Java差距较大

使用 new 关键字创建(不怎么常用)

// Array 的 A 要大写
let arr = new Array();

更简单的写法, [] 就表示一个空的数组

let arr = [];
//创建数组的时候,同时指定初始值~ 
let arr2 = [1, 2, 'haha', false]; // 数组中保存的内容称为 "元素"

和java不同,js的数组长度是可以动态变化的,js的数组更接近于java的 ArrayList ~

js的数组允许里面里面存在不同类型的元素!!
而Java则要求务必是相同类型~
js这种情况也是要归咎于动态类型体系 ~
其他的动态类型的语言(Python,PHP,Ruby…)也都是类似的设定
但是这种设定并不是很好~

1.数组的使用

访问数组元素,通过取下标的方式来进行操作~
下标从 0 开始进行计数~

 <script>
        let arr = ['欸嘿', '哇哦', '嘻嘻'];
        console.log(arr);
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        arr[2] = '哭哭';
        console.log(arr);
        console.log(arr.length)
    </script>

在这里插入图片描述

使用下标的时候,最典型的场景,下标访问越界~~
在Java中下标访问越界,抛出异常 ArrayIndexOutOfRangeExecption
在这里插入图片描述

在js中打印一个下标访问越界的值,会打印undefined表示一个"未被定义"的值,这是一个非法的结果

💌在这个越界的位置赋值:
在这里插入图片描述

虽然数组上本来没有下标为3的位置,但是这个操作就会触发一个插入的行为,就把新元素给放到了对应下标的位置上了,整体就变成了长度为4的数组~

arr[100] 赋值操作,就会把下标为100的元素给插入过去,整个数组长度变成了101,中间的部分,都是empty(undefined);
在这里插入图片描述

观察下标,发现往下标为-1处赋值效果和刚才100还不一样,数组的整体长度没变,但是确实是把 “唧唧复唧唧” 这个元素给插入进来了
在这里插入图片描述
再往arr中放入一个arr['阿巴阿巴'] = 'Dada'; :

发现可以把arr['阿巴阿巴'] = 'Dada'当成键值对,js的数组,还能起到map的效果!!
把数组视为一个对象,js的对象和Java的对象不同,js的对象是可以在运行时随意的新增属性的~~
在这里插入图片描述

阿巴阿巴就是js这个数组对象的成员了,js中访问成员,既可以使用. 也可以使用[]
对于js数组来说,[]里是非负整数的时候,此时才把这个操作视为是"操作下标",如果是其他类型的值,都认为是数组的自定义属性~

虽然数组有能力表示键值对,但不建议这样用,js里有专门的map类型来表示键值对,(ES6标准里引入的特性)

2.数组新增元素

有很多种方式,最常用的就是使用push方法(类似ArrayList,最常用的是add 方法),进行尾插,pop 进行尾删
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let arr = [];
        for(let i = 0;i<10;i++) {
            arr.push(i);
        }

        console.log(arr);
        let ret = arr.pop();
        console.log(ret);
        console.log(arr);
        
    </script>
</body>
</html>

js的数组也支持中间位置的插入和删除
splice 既可以进行中间位置的插入,也可以进行中间位置的删除,还可以进行元素的替换
在这里插入图片描述

splice 功能是 “替换”,取数组上的一段,把这一段给替换成新的内容

在这里插入图片描述

这里由于没有指定新的元素,相当于"删除"操作了~

二、函数

函数(functiion)就是方法(method),方法就是函数,只是不同叫法而已
通常情况下,不区分函数和方法的区别

如果非要深究的话,函数就相当于是独立的一段逻辑~ (不依附对象的)
方法则是依赖一个对象(本质上就是编译器在编译的时候,自动给方法前面多加个函数,然后自动把this传进去)

在这里插入图片描述
举个例子:

        //写到这里,仍然不清楚是返回什么类型
        //返回的类型取决于x+y的类型,取决于x和y的类型
        function add(x,y) {
            return x+y;
        }
        let a = add(1,2);
        console.log(a);