【Web前端】JavaScript基本知识

1.Javascript简介

  • 简称JS,是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能。
  • 在web开发领域有着举足轻重的地位。


2.JavaScript包含内容

  • 核心ECMAScript(es):提供语言的语法和基本对象(数据类型、运算符、流程控制等语句)
  • 文档对象模型(DOM):提供处理网页内容的方法和接口
  • 浏览器对象模型(BOM):提供与浏览器进行交互的方法和接口

3.JavaScript语言的特点

3.1 解释型语言

  • 解释型语言不需要手动编译。是通过解释器边编译边执行。
  • 要运行js,就需要有js的解释器(也称作js引擎)。
  • 现在使用的浏览器中,都已经自动集成了js的解释器。
  • node.js也是js引擎,都需要遵循ECMAScript标准准。

3.2 函数式编程

  • 在js编程语言中,函数的地位非常重要,可以像其他类型的值一样赋值给任意变量,也可以作为参数传递给其他函数。
  • 通过函数式编程实现功能强大灵活的代码

3.3 单线程

  • js是一个单线程的编程语言。在同一个时间段,只能做一件事,一件事做完才能继续做另一件事,单线程降低了js代码的复杂度,同时也影响了程序的效率。
  • js提供异步的编程方式,提高代码运行的速度。

3.4 面向对象

  • 可以将一组相关的功能(数据)统一封装到一个对象中,调用对象的属性和方法,完成相关的功能。

3.5 弱类型变量

  • js是一种弱类型的编程语言,对使用的数据类型没有严格的要求,会根据给定的值,判定数据类型

3.6 动态性

  • js是一种事件驱动的脚本语言,可以不需要借助web服务器就能实现对用户的输入或操作做出响应。

3.7 跨平台

  • js不依赖操作系统,依赖浏览器运行。

4.JS语法

4.1 js可以写的位置

  • 写在<script></script>中间
  • 写在元素控件触发事件属性中
  • 写成一个扩展名为.js的文件,在网页中,使用< script src="文件地址"></ script>引入

4.2 数据类型

  • undfined:只有一个值,即特殊值undifined,在声明变量后,未对其进行初始化时,这个变量值就是undifined
  • null:只有一个值,即特殊值null,null是一个空的对象指针。
  • boolean:两种值,true和false,区分大小写
  • number:有两种形式,一种是整数,一种是浮点数。如果是两个整数做除法,没有整除这一说法
  • string:字符串类型和字符类型,由16位unicode组成,不区分单引号和双引号,支持会用``特殊符号
  • 定义字符串,可以实现换行写法
  • bigint:从es11开始才引入的数据类型,比number数据类型支持的范围更大的整数值。解决了
  • number整数溢出的问题。定义时在数字后面加n,或使用BigInt(数字)的方式进行定义,只能转换整数,不能转换浮点数
  • symbol类型:从es6引入的符号类型,是唯一的并且不可修改的。
  • object类型:对象类型,是一组数据和功能(函数)的集合。
  • Array类型: 数组
  • function 函数类型 : 对于 es 来讲,函数是对象,和其他引用类型一样具有属性和方法。因此,函数名实际是一个指向函数对象的指针

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

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

相关文章

TypeScript学习日志-第二十六天(weakMap,weakSet,set,map)

weakMap,weakSet,set,map 一、set set 的基本用法如下&#xff1a; 二、map map 与 set 的 区别 就是 map 的 key 可以是引用类型 object array , map 的添加时使用 set 三、weakmap weakset weakmap和weakset 都是弱项 弱引用 其键必须是引用类型&#xff0c;不能是其它类…

数据结构之图的学习

为自己复习时使用 图、树和线性表在数据结构中有显著的区别&#xff0c;主要体现在以下方面&#xff1a; 数据元素名称&#xff1a; 线性表&#xff1a;其中的数据元素被称为元素。树&#xff1a;数据元素被称为结点。图&#xff1a;数据元素被称为顶点&#xff08;Vertex&…

数组中求本元素临近下一个比它大的数(c实现)

题目描述 有一个数组&#xff0c;请找出数组中每个元素的下一个比它大的元素。 要求&#xff1a; 给定一个int数组arr以及数组大小为n&#xff0c;请返回一个int数组,代表每个元素比它大的下一个元素&#xff0c;若不存在返回-1&#xff0c;原数组中的元素都为正整数。 测试…

弹幕游戏-压力测试 Python-Locust模拟送礼物

Hey&#xff0c;读者们&#xff01;今天给大家带来一个Python性能测试的新玩法——使用Locust模拟发送礼物。是不是听起来就很酷&#xff1f;&#x1f60e; &#x1f3af;目标 想象一下&#xff0c;在直播平台上&#xff0c;你希望测试某个直播间的礼物发送功能。那么&#x…

有一个21年的前端vue项目,死活安不上依赖

在公司开发的时候遇到的一个很玄幻的问题,这个项目是21年开发的,现在我是24年中途二开增加新功能 这个项目经过多人之手,现在已经出现了问题------项目依赖安不上,我能启动完全是因为在23年的时候写这个项目的时候将依赖费九牛二虎之力下载好后打成了压缩包发给另外一个安不上依…

Qt学习笔记1.3.3QtCore-隐式共享

文章目录 概述隐式共享细节类列表 Qt中的许多c类使用隐式数据共享来最大化资源使用并最小化复制。隐式共享类作为参数传递时既安全又高效&#xff0c;因为只传递指向数据的指针&#xff0c;并且只有当函数写入数据时才会复制数据&#xff0c;即写时复制(copy-on-write)。 概述 …

【Node.js】事件循环

Node.js 中的事件循环是基于单线程的异步非阻塞模型。它是 Node.js 的核心机制&#xff0c;用于处理非阻塞的 I/O 操作和异步事件。 1. Node.js 事件循环介绍 Node.js 的事件循环是一个 Event Loop&#xff0c;通过异步回调函数的方式实现非阻塞的处理。事件循环会在主线程上…

代码随想录算法训练营第三十九天| 62.不同路径 63. 不同路径 II

62.不同路径 题目链接 解题方法 1.确定dp[i][j]及下标的含义&#xff1a;dp[i][j]表示到达目的地的路径数&#xff0c;i表示行,j表示列 2.确定递推公式dp[i][j]dp[i-1][j]dp[i][j-1] 3.初始化&#xff1a;第一行和第一列 4.确定遍历顺序&#xff1a;从上往下和从左向右…

信创替代后的设备处置

信创替代后的设备处置 在信创项目中替换下来的设备&#xff0c;如果从技术层面讲还具有较高的应用价值&#xff0c;如何处置呢&#xff1f; 一、数据处置 信创适配完成后&#xff0c;这些被替换下来的服务器上有大量的数据&#xff08;包括结构化和非结构化&#xff09;&…

NSSCTF中的1zjs、作业管理系统、finalrce、websign、简单包含、Http pro max plus

目录 [LitCTF 2023]1zjs [LitCTF 2023]作业管理系统 [SWPUCTF 2021 新生赛]finalrce exec()函数&#xff1a;php中exec介绍及使用_php exec-CSDN博客​​​​​​ 资料参考&#xff1a;RCE(远程命令执行)绕过总结_rce绕过-CSDN博客 [UUCTF 2022 新生赛]websign [鹏城杯 …

Flink面试整理-如何提高Flink处理数据的效率和吞吐量

提高 Apache Flink 处理数据的效率和吞吐量通常涉及对配置、代码设计和资源管理的优化。以下是一些关键的策略: 1. 优化并行度 调整并行度:并行度应根据可用的硬件资源(如 CPU 核心数)进行调整。不同的算子可以有不同的并行度。确保数据均衡分配:避免某些任务过载而其他任…

鱼哥好书分享活动第22期:《数字政府网络安全合规性建设指南》解锁数字政府网络安全新篇章

鱼哥好书分享活动第22期&#xff1a;《《数字政府网络安全合规性建设指南》》解锁数字政府网络安全新篇章 阅读对象&#xff1a;书籍目录&#xff1a;了解更多&#xff1a;赠书抽奖规则: 当今时代&#xff0c;数据已成为新型生产要素&#xff0c;不仅是个人、企业乃至国家的重要…

Linux定时任务备份文件并传输到指定服务器

需求&#xff1a;需要将本服务器上的文件压缩后发送到指定的备份服务器上&#xff0c;并且只保留最新的两个 思路&#xff1a; 1.将需要备份的文件夹压缩 tar -zcvf 压缩后的名字.tar.gz 压缩的文件夹 2.通过scp命令传输压缩文件到指定的服务器 scp 压缩文件 root服务器地…

29、Qt使用上下文菜单(右键菜单)

说明&#xff1a;使用四种方式实现鼠标右击界面&#xff0c;显示出菜单&#xff0c;菜单上有两个动作&#xff0c;选择两个动作&#xff0c;分别打印“111”和“222”。 界面样式如下&#xff1a; 一、方法1&#xff1a;重写鼠标事件mousePressEvent .h中的代码如下&#xff…

ip addr 或 ip address 是 Linux 系统中的一个命令,用于显示或修改网络接口的地址信息。

ip addr 或 ip address 是 Linux 系统中的一个命令&#xff0c;用于显示或修改网络接口的地址信息。这个命令是 iproute2 软件包的一部分&#xff0c;通常在现代 Linux 发行版中都是预装的。 当你运行 ip addr 或 ip address 命令时&#xff0c;你会看到系统上所有网络接口的地…

不踩雷k8s部署

一、前提 服务器规划&#xff1a; 服务器要求&#xff1a; 建议最小硬件配置&#xff1a; 2核CPU、2G内存、20G硬盘。服务器可以访问互联网&#xff0c;能够联网下载镜像。时间进行同步!!! 软件环境&#xff1a; 软件版本操作系统> CentOS 7.5Docker最新 26.1.1K8Sv1.28.1…

react Effect副作用 - 避免滥用Effect

react Effect副作用 - 避免滥用Effect react Effect副作用基础概率什么是纯函数? 什么是副作用函数?纯函数副作用函数 什么时候使用Effect如何使用Effect 避免滥用Effect根据 props 或 state 来更新 state当 props 变化时重置所有 state将数据传递给父组件获取异步数据 react…

使用Java 8的Stream API进行分页功能

在Java中&#xff0c;如果你有一个现有的List对象&#xff0c;想要根据page&#xff08;当前页码&#xff09;和limit&#xff08;每页显示数量&#xff09;进行分页&#xff0c;你可以使用Java 8的Stream API来实现这个功能 import java.util.List; import java.util.stream.…

关于配置深度学习虚拟环境(conda)的一些概念和常用命令

一、概念 下面介绍显卡驱动&#xff08;例NVIDIA GeForce&#xff09;、CUDA、cuDNN 的概念和联系。 显卡驱动 显卡驱动是封装成软件的程序&#xff0c;硬件厂商根据操作系统编写的配置文件。安装成功后成为操作系统中的一小块代码。它是硬件所对应的软件&#xff0c;计算机有…

QT学习(1)——创建第一个QT程序,信号和槽,打开关闭窗口的案例

目录 引出规范和帮助文档创建第一个Qt程序对象树概念信号signal槽slot自定义信号和槽1.自定义信号2.自定义槽3.建立连接4.进行触发 自定义信号重载带参数的按钮触发信号触发信号拓展 lambda表达式返回值mutable修饰案例 打开关闭窗口案例 总结 引出 QT学习&#xff08;1&#…