JavaScript(二)---【js数组、js对象、this指针】

w5jaLw

于 2024-04-20 13:56:35 发布

阅读量1k

点赞数 20

分类专栏：程序员文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/w5jalw/article/details/137997925

版权

程序员专栏收录该内容

188 篇文章 3 订阅

订阅专栏

零.前言

JavaScript(一)—【js的两种导入方式、全局作用域、函数作用域、块作用域】-CSDN博客—【js的两种导入方式、全局作用域、函数作用域、块作用域】-CSDN博客")

一.js数组

在js中也有数组的概念，数组使用“[]”定义，其中数组中还可以嵌套数组从而达到多层数组的作用。

访问数组中的某个元素，我们可以直接使用“下标索引”来访问。

(其实就是Python中的列表，一毛一样，怀疑js和python是否师出同门)

而定义数组的时候，我们通常也使用“var”和“let”定义数组并且将数组赋值给某个变量，至于作用于嘛，和作者上一篇文章讲的一样没有改变。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var listDimension1 = ["小明",160,100];
        console.log(listDimension1);
        var listDimension2 = [["小明",160,100],["小红",180,1110]]
        console.log(listDimension2);
    </script>
</body>
</html>

效果：

二.js对象

因为js可以面向对象，因此也有“对象”的概念。

在最新的ES标准中，js也有“类”了。。。

跟“Python”的类对象相似，js对象也具有“属性”和“方法”两个概念。

在js对象中，属性用：“属性:属性值”键值对来表示，而方法就是一个函数。

在外部访问js对象中的属性或者方法可以使用：

“对象名.属性(方法)”或者“对象名[属性]”使用索引只能访问对象属性，而不能访问对象方法。

（又跟Python一样，学会Python == 学会js）

2.1对象属性

例如，我们创建一个只有属性的对象：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var car = {type:"轿车",model:"e300L",价格:299999};
        console.log(car);
        console.log(car.type);
        console.log(car.model);
        console.log(car.价格);
    </script>
</body>
</html>

效果：

值得注意的是，在上面的例子中，"价格"属性是一个中文，我们在应用中并不建议使用中文做属性，因为这在某些地方可能会因为编码的问题出现崩溃。

2.2对象方法

严格来说对象方法也是对象属性的一种，不过为了便于区分，我们还是单独拿出来讲，大家只需要记住对象方法底层也是一个对象属性就好了。

对象方法是在“对象上执行的动作”，因此这个方法绝大多数情况下是对：“对象自身”进行某些操作。

例如一个包含对象方法的js对象：

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

当我们在程序外部调用它时：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var person = {
                firstName: "Bill",
                lastName : "Gates",
                id       : 678,
                fullName : function() {
                    return this.firstName + " " + this.lastName;
                }
        };
        console.log(person.fullName())
    </script>
</body>
</html>

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。