从零开始学习JavaScript:轻松掌握编程语言的核心技能⑥

news2024/11/25 6:18:32

从零开始学习JavaScript:轻松掌握编程语言的核心技能⑥

  • 1. JavaScript 对象
  • 2. JavaScript 类
  • 3. JavaScript prototype(原型对象)
  • 4. prototype 继承
  • 5. JavaScript Number 对象
    • 5.1 JavaScript 数字
  • 6. JavaScript 字符串(String) 对象
    • 6.1 JavaScript 字符串
  • 7. JavaScript Date(日期) 对象

🏘️🏘️个人简介:以山河作礼。
🎖️🎖️:Python领域新星创作者,CSDN实力新星认证,阿里云社区专家博主
🎁🎁:Web全栈开发专栏:《Web全栈开发》免费专栏,欢迎阅读!
🎁🎁:文章末尾扫描二维码可以加入粉丝交流群。



在这里插入图片描述

1. JavaScript 对象

📑📑JavaScript 对象是一种复合数据类型,它可以存储多个键值对。每个键值对都是一个属性,其中键是属性的名称,值可以是任何 JavaScript 数据类型,包括其他对象。对象可以用字面量或构造函数创建
📌 例如,以下是一个使用字面量创建的简单对象:

let person = {
  name: "Alice",
  age: 30,
  job: "Developer"
};

person 是一个对象,它有三个属性:name、age 和 job。

📌 你可以通过点符号或方括号访问这些属性的值,例如:

console.log(person.name); // 输出 "Alice"
console.log(person["age"]); // 输出 30

你还可以动态地添加、修改或删除对象的属性,例如:
person.city = "Shanghai"; // 添加一个新属性
person.age = 31; // 修改属性的值
delete person.job; // 删除一个属性

JavaScript 对象是非常灵活的,可以用于各种用途,例如表示真实世界中的事物、存储配置信息、实现数据结构等等。

2. JavaScript 类

📑📑JavaScript 类是一种语言特性,它是一种用于创建对象的模板或蓝图。类定义了对象的属性和方法,从而定义了对象的行为。类可以看作是一种自定义的数据类型,可以用来创建多个具有相似属性和方法的对象
📌 在 JavaScript 中,类可以使用 class 关键字来定义。例如,以下是一个简单的类定义:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

我们定义了一个名为 Person 的类,它有两个属性:name 和 age,以及一个方法 sayHello。构造函数 constructor
用于初始化对象的属性,而方法 sayHello 用于输出对象的信息。

📌 我们可以使用 new 关键字来创建 Person 类的实例:

let person1 = new Person("Alice", 30);
let person2 = new Person("Bob", 25);

person1.sayHello(); // 输出 "Hello, my name is Alice and I am 30 years old."
person2.sayHello(); // 输出 "Hello, my name is Bob and I am 25 years old."

我们创建了两个 Person 类的实例:person1 和 person2。每个实例都有自己的 name 和 age 属性,并且可以调用
sayHello 方法来输出自己的信息。

3. JavaScript prototype(原型对象)

  • 在 JavaScript 中,每个对象都有一个原型对象(prototype),原型对象是一个普通的对象,它包含了对象的属性和方法。
  • 当你访问一个对象的属性或方法时,如果该对象本身没有这个属性或方法,JavaScript 就会在它的原型对象中查找,如果原型对象中也没有找到,就会继续查找原型对象的原型对象,直到找到为止,这就是所谓的原型链(prototype
    chain)。

📌 可以使用 Object.getPrototypeOf() 方法来获取一个对象的原型对象,例如:

let person = {
  name: "Alice",
  age: 30
};

let proto = Object.getPrototypeOf(person);
console.log(proto); // 输出 {}

创建了一个名为 person 的对象,它有两个属性:name 和 age。然后,我们使用 Object.getPrototypeOf()
方法获取 person 对象的原型对象,它是一个空对象 {}。

📌 你可以使用对象字面量的方式来指定一个对象的原型对象,例如:

let proto = {
  sayHello() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
};

let person = {
  name: "Alice",
  age: 30
};

Object.setPrototypeOf(person, proto);

person.sayHello(); // 输出 "Hello, my name is Alice and I am 30 years old."

创建了一个名为 proto 的对象,它有一个方法 sayHello。然后,我们使用 Object.setPrototypeOf() 方法将
person 对象的原型对象设置为 proto 对象,这样,person 对象就可以调用 sayHello 方法了。

4. prototype 继承

📑📑在 JavaScript 中,原型继承是一种实现继承的方式,它可以让一个对象继承另一个对象的属性和方法。在原型继承中,一个对象的原型对象就是它的父对象,它可以继承父对象的属性和方法
📌 在 JavaScript 中,可以使用 prototype 属性来指定一个对象的原型对象。例如,以下是一个简单的原型继承例子:

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.sayHello = function () {
  console.log(Hello, my name is <span class="hljs-subst">${<span class="hljs-variable language_">this</span>.name}</span> and I am <span class="hljs-subst">${<span class="hljs-variable language_">this</span>.age}</span> years old.);
};
function Student(name, age, major) {
  Person.call(this, name, age);
  this.major = major;
}
Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;
Student.prototype.sayMajor = function () {
  console.log(My major is <span class="hljs-subst">${<span class="hljs-variable language_">this</span>.major}</span>.);
};
let student = new Student("Alice", 20, "Computer Science");
student.sayHello(); // 输出 "Hello, my name is Alice and I am 20 years old."
student.sayMajor(); // 输出 "My major is Computer Science."

我们定义了一个名为 Person 的构造函数,它有一个方法 sayHello。然后,我们定义了一个名为 Student 的构造函数,它继承了
Person 的属性和方法,并且有一个自己的方法 sayMajor。我们使用 Object.create() 方法来创建 Student
的原型对象,并将它设置为 Person 的原型对象,这样,Student 就可以继承 Person 的属性和方法了。

5. JavaScript Number 对象

5.1 JavaScript 数字

  • JavaScript 中的数字是一种数据类型,用于表示数值。JavaScript 中的数字类型包括整数和浮点数,它们都是
    Number类型的实例。

  • JavaScript 中的数字类型是动态类型,这意味着你可以在任何时候将一个变量的值设置为一个数字,而不需要指定它的类型。

📌 以下是一些关于 JavaScript 数字的常见问题和答案:

  • 如何声明一个数字变量?

可以使用 var、let 或 const 关键字来声明一个数字变量,例如:

var x = 5;
let y = 10;
const z = 15;
  • 如何判断一个变量是否为数字?

可以使用 typeof 运算符来判断一个变量的类型,例如:

var x = 5;
if (typeof x === "number") {
  console.log("x is a number");
}
  • 如何将一个字符串转换为数字?

可以使用 parseInt() 或 parseFloat() 函数将一个字符串转换为数字,例如:

var x = parseInt("10");
var y = parseFloat("3.14");
  • 如何将一个数字转换为字符串?

可以使用 toString() 方法将一个数字转换为字符串,例如:

var x = 5;
var y = x.toString();
  • 如何判断一个数字是否为整数?

可以使用 Number.isInteger() 方法来判断一个数字是否为整数,例如:

var x = 5;
if (Number.isInteger(x)) {
  console.log("x is an integer");
}
  • 如何判断一个数字是否为 NaN?

可以使用 isNaN() 函数来判断一个数字是否为 NaN,例如:

var x = NaN;
if (isNaN(x)) {
  console.log("x is NaN");
}

6. JavaScript 字符串(String) 对象

6.1 JavaScript 字符串

  • JavaScript 中的字符串是一种数据类型,用于表示文本。字符串是由一系列字符组成的,可以包含字母、数字、符号、空格等等。在JavaScript 中,字符串类型被定义为 String 类型

以下是一些关于 JavaScript 字符串的常见问题和答案:

  • 如何声明一个字符串变量?

可以使用 var、let 或 const 关键字来声明一个字符串变量,例如:

var x = "Hello";
let y = "World";
const z = "!";
  • 如何计算一个字符串的长度?

你可以使用 length 属性来计算一个字符串的长度,例如:

var x = "Hello";
var len = x.length;
  • 如何访问一个字符串中的字符?

你可以使用方括号和索引来访问一个字符串中的字符,例如:

var x = "Hello";
var firstChar = x[0];
var lastChar = x[x.length-1];
  • 如何将一个字符串转换为大写或小写?

你可以使用 toUpperCase() 或 toLowerCase() 方法将一个字符串转换为大写或小写,例如:

var x = "Hello";
var upperCase = x.toUpperCase();
var lowerCase = x.toLowerCase();
  • 如何在一个字符串中查找子串?

你可以使用 indexOf() 或 lastIndexOf() 方法在一个字符串中查找子串,例如:

var x = "Hello World";
var index = x.indexOf("World");
var lastIndex = x.lastIndexOf("l");
  • 如何将一个字符串转换为数字?

你可以使用 parseInt() 或 parseFloat() 函数将一个字符串转换为数字,例如:

var x = parseInt("10");
var y = parseFloat("3.14");

7. JavaScript Date(日期) 对象

  • JavaScript 中的 Date 对象用于处理日期和时间。它提供了一组方法来获取和设置日期和时间,以及执行各种日期和时间操作

📌 以下是一些关于 JavaScript Date 对象的常见问题和答案:

  • 如何创建一个 Date 对象?

可以使用 new 关键字和 Date() 构造函数来创建一个 Date 对象。如果不传递任何参数,则创建的对象将包含当前日期和时间。例如:

var now = new Date();

还可以传递一个表示日期和时间的字符串或数字作为参数来创建 Date 对象。例如:

var christmas = new Date("December 25, 2020");
var epoch = new Date(0);
  • 如何获取一个 Date 对象的年、月、日、小时、分钟、秒和毫秒?

可以使用 Date 对象的一系列方法来获取日期和时间的各个部分。例如:

var now = new Date();
var year = now.getFullYear();
var month = now.getMonth();
var day = now.getDate();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var milliseconds = now.getMilliseconds();
  • 如何设置一个 Date 对象的年、月、日、小时、分钟、秒和毫秒?

可以使用 Date 对象的一系列方法来设置日期和时间的各个部分。例如:

var now = new Date();
now.setFullYear(2021);
now.setMonth(0);
now.setDate(1);
now.setHours(0);
now.setMinutes(0);
now.setSeconds(0);
now.setMilliseconds(0);
  • 如何计算两个 Date 对象之间的时间差?

可以使用 Date 对象的 getTime() 方法来获取从 1970 年 1 月 1 日 00:00:00 UTC 到指定日期的毫秒数,然后计算两个日期之间的差值。例如:

var now = new Date();
var christmas = new Date("December 25, 2020");
var timeDiff = christmas.getTime() - now.getTime();
var daysDiff = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
  • 如何将一个 Date 对象格式化为字符串?

可以使用 Date 对象的toDateString()toLocaleDateString()、toTimeString()、toLocaleTimeString()、toString() 和 toLocaleString() 方法将一个 Date 对象格式化为字符串。例如:

var now = new Date();
var dateString = now.toDateString();
var timeString = now.toTimeString();
var dateTimeString = now.toLocaleString();

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/618561.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

某麦网apk抢票接口加密参数分析(一)

某麦网apk抢票接口加密参数分析&#xff08;一&#xff09; 当下的一些火爆活动&#xff0c;如音乐节、演唱会等需要购买门票的活动&#xff0c;常常会引发一些网络抢票软件的出现。 而某麦网也不例外&#xff0c;很多人使用抢票软件来抢购某些活动的门票。 为了防止这种情况…

基于决策树的泰坦尼克号数据集回归预测

目录 1、作者介绍2、决策树算法2.1 决策树原理2.1.1 基本原理2.1.2 节点的概念 2.2 构建决策树2.3 决策树优缺点 3、实验设计3.1 数据集简介3.2 代码实现3.3 运行结果 4、参考链接 1、作者介绍 任正福&#xff0c;男&#xff0c;西安工程大学电子信息学院&#xff0c;2022级研…

【大数据工具】Kafka伪分布式、分布式安装和Kafka-manager工具安装与使用

Kafka 安装 Kafka 安装包下载地址&#xff1a;https://archive.apache.org/dist/kafka/ 1. Kafka 伪分布式安装 1. 上传并解压 Kafka 安装包 使用 FileZilla 或其他文件传输工具上传 Kafka 安装包&#xff1a;kafka_2.11-0.10.0.0.tgz解压安装包 [rootbigdata software]# …

为什么添加缓存要在释放锁之前?

为什么加缓存要放在释放锁之前&#xff1f; 线程拿到锁会去查缓存是否有数据&#xff0c;又因为我们向redis存入缓存数据是在释放锁之后 那么释放锁之后&#xff0c;下一个线程查缓存&#xff0c;上一个线程并未存入完成。此时就会出现查询多次数据库的情况&#xff0c;锁失效…

chatgpt赋能python:Python如何重复运行——让你的代码运行更高效

Python如何重复运行——让你的代码运行更高效 Python作为一种非常流行的编程语言&#xff0c;在程序员中间被广泛使用。无论是从事科学计算、数据分析还是网页爬虫&#xff0c;都离不开Python。但是&#xff0c;如果你只会最基础的Python语法&#xff0c;你可能会花费更多的时…

《三维存储芯片技术》----学习记录(一)

第1章 NAND存储器的生态 1.1 存储器行业变迁 可以说近10年是整个存储行业历史上变化最大的10年。 1.1.1 NAND及存储器供应商的整合 如图1.1所示&#xff0c;过去6年中&#xff0c;全球存储器95%的供应集中到5家厂商。 图片来源于《三维存储芯片技术》 1.1.2 NAND技术发展 …

行业应用|立仪光谱共焦位移传感器在玻璃方面的检测

项目&#xff1a;玻璃管管壁单边测厚 行业应用|立仪光谱共焦位移传感器在玻璃方面的检测 行业应用|立仪光谱共焦位移传感器在玻璃方面的检测 检测方案 用D35A7镜头对玻璃管管壁进行单边测厚&#xff0c;取三个点静态测量厚度并记录重复性。 1、采用D35A7R2S35镜头对玻璃管管…

springboot+vue企业设备管理系统

解决的思路&#xff1a; &#xff08;1&#xff09;通过进行需求分析&#xff0c;建立用例模型&#xff0c;上网查找资料&#xff0c;摸清业务流程。 &#xff08;2&#xff09;通过运用vue 技术进行界面的设计&#xff0c;上网搜集符合所做管理系统的相关图片&#xff0c;使用…

springboot 配置文件密码加密处理

一、修改pom文件 <dependency> <groupId>com.github.ulisesbocchio</groupId> <artifactId>jasypt-spring-boot-starter</artifactId> <version>3.0.4</version> </dependency> 二、在启动类中加上注解 EnableEncryptableProp…

开源实时位置共享服务Hauk

【勘误】&#xff1a;在上文 『事务与项目跟踪软件Jira』 一文中&#xff0c;老苏错误的将 4G 内存写成了 4M&#xff0c;感谢网友 纸飞机 和 cwz 的指正。虽然老苏确实用过 4M 内存的机器&#xff0c;但那是20 多年前的事情了。 什么是 Hauk &#xff1f; Hauk 是一个完全开源…

Mysql数据库入门基础篇--mysql基本了解

【Mysql数据库入门基础篇--mysql基本了解 &#x1f53b;一、Mysql5.7 VS Mysql8.0 详解1.1 ⛳字符编码1.2 ⛳用户的创建与授权1.3 ⛳ 认证插件1.4 ⛳ 隐藏索引1.5 ⛳ 持久化设置1.6 ⛳ 通用表达式&#xff08;Common Table Expressions&#xff09;1.7 ⛳ 性能提升1.8 ⛳ 参数变…

chatgpt赋能python:Python如何输出在同一行

Python如何输出在同一行 在Python编程中&#xff0c;有时候我们需要将多个输出放在同一行中。这篇文章将介绍几种方法来实现这个任务&#xff0c;并给出一些例子来帮助你更好地理解。 方法一&#xff1a;使用print函数 Python中的print函数默认会在每个输出之间换行。但是&a…

【大数据工具】HBase 集群搭建与基本使用

HBase 集群搭建 HBase 安装包下载地址&#xff1a;https://archive.apache.org/dist/hbase/ 安装 HBase 的前提&#xff1a; ZooKeeper 集群 OKHadoop 集群 OK 1. HBase 集群安装 1. 将 HBase 软件包上传至 Hadoop0 解压并重命名 使用 FileZilla 将 hbase-1.3.1-bin.tar.g…

pytorch中Dataloader读取数据太慢的问题

文章目录 pytorch中Dataloader读取数据太慢的问题1. 方法2. 方法3. 解决方法&#xff1a;提取加载数据 pytorch中Dataloader读取数据太慢的问题 数据读取的速度远远大于GPU训练的速度&#xff0c;导致整个训练流程中有大部分时间都在等待数据发送到GPU&#xff0c;在资源管理器…

七年磨一剑!苹果王炸产品Vision Pro诞生,未来已来

这是第一款「不见却可透见」的苹果产品 等了整整七年&#xff01;2023年6月5日&#xff0c;WWDC23大会上&#xff0c;苹果发布首款头显Vision Pro&#xff0c;Vision Pro 可以算是苹果公司自 2015 年 Apple Watch 首次亮相以来最大的硬件产品发布&#xff0c;或许它会彻底改变数…

【深度学习】BERT变种—百度ERNIE 1.0

ERNIE: Enhanced Representation through Knowledge Integration是百度在2019年4月的时候&#xff0c;基于BERT模型&#xff0c;做的进一步优化&#xff0c;在中文的NLP任务上得到了state-of-the-art的结果。 ERNIE 是百度开创性提出的基于知识增强的持续学习语义理解框架&…

苹果又一黑科技产品 Apple Vision Pro,正式问世!

公众号关注 “GitHubDaily” 设为 “星标”&#xff0c;每天带你逛 GitHub&#xff01; 在电影《钢铁侠》中&#xff0c;托尼通过简单的手势动作&#xff0c;配合空间中的虚拟界面&#xff0c;成功将贾维斯创造出来。 当时片中的这个镜头&#xff0c;让无数科幻迷为之疯狂&…

pyspark数据输入

学习目标&#xff1a; 现在只需要知道PDD是一个数据集。 【运行实例&#xff08;1&#xff09;】&#xff1a; from pyspark import SparkConf, SparkContext # conf:创建对象&#xff1b;Sparkconf&#xff1a;创建入口&#xff1b;setMaster&#xff1a;运行方式&#xff1…

chatgpt赋能python:Python如何输出两个值

Python如何输出两个值 在Python编程中&#xff0c;经常需要输出多个值。下面我们来介绍几种常用的方法。 方法一&#xff1a;使用逗号分隔符 使用逗号分隔符可以在一行代码中输出多个值。例如&#xff1a; a, b 1, 2 print(a, b) # 输出 1 2在输出时&#xff0c;多个值之…

图解未成年人个人信息保护要求(附下载)

未成年人互联网普及率持续提升。据2023年中国互联网络信息中心发布的第51次《中国互联网络发展状况统计报告》数据&#xff0c;2021年我国未成年人互联网普及率达96.8%&#xff1b;截至2022年12月&#xff0c;使用过短视频的青少年群体占比65.6%&#xff0c;未成年人已成网络参…