Javascript的基本语法(规范)

JS的基本语法规范

1.JS中严格区分大小写

2.JS中每一个指令被称为一个语句,每一个语句都应该以分号结尾

- 在JS中有自动的添加分号的机制,如果不写分号浏览器会自动为你添加

- 有些情况下,浏览器可能会给你加错了(几率低)

3.JS中会忽略多个空格和换行,所以我们可以通过缩进和空格来对代码进行格式化

JS的编写位置

一、js可以编写在script中

<script>

alert(js可以编写在script中)

</script>

二、可以将js代码直接编写在外部的js文件中,script标签一旦用于引入外部文件,则不能在内部编写代码

<script src="script/script.js"></script>

三、可以写在一些标签的属性中

<button οnclick="alert('你点我干嘛~')">点我一下</button>

<a href="javascript:alert('哈哈');">我是一个超链接</a>

<a href="javascript:;">我是一个超链接</a>

注释使用

/* JS的多行注释 和css注释一样*/

// 单行注释

变量和字面量:

1字面量:

字面量(值)

- 字面量就是一个值,比如:1 2 3 4 "hello" true

字面量所代表的意思就是它本身的意义

在JS中可以直接使用字面量

- 通常在代码中不会直接使用字面量,因为字面量不容易记忆

也不方便后期的维护。

2变量:

变量可以用来存储字面量

- 变量可以存储任意类型的字面量

- 在开发时,很少直接使用字面量,而是通过变量存储字面量
- 在JS中,JS的变量是没有类型的概念的,变量中可以存储任意类型的值

-注意:不用重复声明变量var a ; var a ;--X!

//声明变量

// var a;

// var b, c, d;

//为变量赋值

// a = 100;

// b = 200;

// c = 'hello';

// d = true;

// 可以任意的修改变量的值

a = 'Hello';

console.log(a);

// 声明和赋值同时进行

// 动态类型

var a = 'hello';

a = 123;

// 打印变量a的值

// console.log(a)

--JS新增声明变量 {let a=33} console.log(a)无法访问

为了解决代码块问题,引入新的声明变量的方式let

使用let声明的变量,就具有块级作用域,外部访问不到!使用let声明的变量无法在初始化前被访问

Const b =100; const用于声明一个常量,一旦声明就不能重新赋值,也具有块级作用域

标识符

1- 在JS中,所有的可以自己命名的内容,被称为标识符

比如:变量名、函数名、类名

2 标识符的规范:

1.标识符中可以含有字母、数字、下划线_、$

但是不能以数字开头

2.标识符不能是JS中的关键字和保留字,例如:var 和let...

同时也不建议使用JS中已经使用的函数名作为变量例如:alert()...

3.JS标识符采用驼峰命名法

小驼峰:

- 首字母小写,每一个单词的开头字母大写

- maxlength --> maxLength

- 基本结构:xxxYyyZzz

- 通常都会使用小驼峰

大驼峰:

- 首字母大写,每一个单词的开头字母大写

-maxLength --> MaxLength

- 基本结构:XxxYyyZzz

- 大驼峰用于类名的设置

了解(帕斯卡命名法):

- 所有的字母都小写,单词之间使用_隔开

- maxlength --> max_length

- 基本结构:xxx_yyy_zzz

- 在JS中使用的并不常见

命名时,尽量使用英语,如果不会写英语,可以使用拼音,

但是不要英语拼音混着用

var a123_$ = 345;

var ab = 33;

// console.log(a123_$);

// var alert = 123; //不要这么用

// console.log(alert);

// alert('hahah');

// var mAxLeNgTh = 100; //也不要这么用

// var zuiDaChangDu = 123123; // 实在没辙了可以用拼音(不建议)

// var zuiDaLength = 123123; // 也不要这么用

// var 锄禾日当午 = 123; // 这么容易被骂

// console.log(锄禾日当午);

欢迎关注我的原创文章:小伙伴们!我是一名热衷于前端开发的作者,致力于分享我的知识和经验,帮助其他学习前端的小伙伴们。在我的文章中,你将会找到大量关于前端开发的精彩内容。

学习前端技术是现代互联网时代中非常重要的一项技能。无论你是想成为一名专业的前端工程师,还是仅仅对前端开发感兴趣,我的文章将能为你提供宝贵的指导和知识。

在我的文章中,你将会学到如何使用HTML、CSS和JavaScript创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。

此外,我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展,新的框架和工具层出不穷。通过我的文章,你将会了解到最新的前端技术趋势,并了解如何应对这些变化。

我深知学习前端不易,因此我将尽力以简洁明了的方式解释复杂的概念,并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发,并提升你的技能。

如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!

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

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

相关文章

回顾【数学基础】找出断层,继续前进, 使用chatGPT学习并解决实际问题:微积分

已经学过的算术、代数、几何。跳过。 从微积分开始 想象一下&#xff0c;你在画一条曲线&#xff0c;或者在一个大草地上奔跑。微积分就是一种数学工具&#xff0c;帮助我们了解这条曲线的形状&#xff0c;或者你奔跑的方式。 微分&#xff08;就像研究曲线上的每一小点&…

FFmpeg的AVIOPROBE

文章目录 定义 可能你一直有疑问&#xff0c;ffmpeg的avformat是怎么提前知道码流是编码格式或者容器&#xff1f;恭喜你&#xff0c;看到这里&#xff0c;你找到答案了&#xff0c;在这里&#xff0c;ffmpeg通过这些probe函数来提前获取码流的编码格式。 看到下面的avs2_prob…

YOLOv8算法改进【NO.86】将主干特征网络替换为2023年顶会CVPR的EfficientViT,助力SCI论文发表

前 言 YOLO算法改进系列出到这,很多朋友问改进如何选择是最佳的,下面我就根据个人多年的写作发文章以及指导发文章的经验来看,按照优先顺序进行排序讲解YOLO算法改进方法的顺序选择。具有有需求可以私信我沟通: 第一,创新主干特征提取网络,将整个Backbone改进为其…

C++1114新标准——统一初始化(Uniform Initialization)、Initializer_list(初始化列表)

系列文章目录 C11&14新标准——Variadic templates&#xff08;数量不定的模板参数&#xff09; C11&14新标准——Uniform Initialization&#xff08;统一初始化&#xff09;、Initializer_list&#xff08;初始化列表&#xff09; 文章目录 系列文章目录1. 定义2. I…

装饰者模式(Decorator Pattern)

1 什么是装饰者模式&#xff1f; 1.1 Head First Design Pattern 定义 装饰者模式动态地将责任附加到对象上。若要扩展功能&#xff0c;装饰者提供了比继承更有弹性的替代方案。 1.2 大佬博客 设计模式是什么鬼&#xff08;装饰&#xff09; 2 装饰者模式 2.1 基本介绍 …

react Hooks之useEffect

一&#xff1a;作用&#xff1a; 处理副作用操作&#xff1a;通过在 useEffect 的回调函数中执行副作用操作&#xff0c;例如发送网络请求、订阅事件、手动管理组件的生命周期等。依赖管理&#xff1a;可以根据传入的依赖数组&#xff0c;在特定的依赖变化时触发 useEffect 的…

Goby 漏洞发布| 亿赛通电子文档安全管理系统 LinkFilterService 接口权限绕过漏洞

漏洞名称&#xff1a;亿赛通电子文档安全管理系统 LinkFilterService 接口权限绕过漏洞 English Name&#xff1a;Esafenet Electronic Document Security Management System LinkFilterService API Permission Bypass Vulnerability CVSS core: 9.3 影响资产数&#xff1a;…

MySQL BinLog 数据还原恢复

博文目录 文章目录 查看状态查看 binlog 开关及存储路径查看 binlog 配置 如 存储格式 binlog_format查看当前还存在的日志查看当前正在使用的日志 切换日志确定日志确定日志文件日志格式改写日志简要说明确定日志位置以事件为单位查看日志分析日志 还原数据 查看状态 查看 b…

智能优化算法应用:基于花授粉算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于花授粉算法3D无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于花授粉算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.花授粉算法4.实验参数设定5.算法结果6.参考文…

Java:MyBatis-Plus特殊字段desc导致sql查询报错的问题

有如下的实体对象 public class BookEntity {private String desc; }查询操作的时候会报错SQL错误 解决方法 在字段属性上加注解&#xff0c;用反引号包裹属性值 public class BookEntity {TableField("desc")private String desc; }参考 解决MySQL 中使用index…

设计模式(2)--对象创建(1)--抽象工厂

1. 意图 提供一个创建一系列相关或相互依赖对象的接口&#xff0c;而无需指定它们具体的类。 2. 四种角色 抽象产品(Product)、具体产品(Concrete Product)、抽象工厂(Abstract Factory)、具体工厂(Concrete Factory)。 3. 优点 3.1 分离了具体的类。Client只需使用抽象工厂类…

解析代理IP在跨境电商和社媒营销中的关键作用

跨境电商和社媒营销领域的从业者深知&#xff0c;代理IP的价值愈发凸显。在推广营销的过程中&#xff0c;频繁遇到因IP关联而封禁账号的情况&#xff0c;或因使用不安全IP而导致异常问题。 这些问题促使人们开始高度重视代理IP的作用。但实际上&#xff0c;代理IP究竟是何物&a…

(数据结构)单链表的定义

#include<stdio.h> typedef struct LNode {int data;struct LNode* next; }LNode,*LinkList; //LNode为结构体类型&#xff0c;LinkList为指向单链表的指针 //初始化一个空的单链表 void InitList(LinkList L) {L NULL; //空表&#xff0c;暂时没有任何节点 } //判断单…

1022 D进制的A+B

输入两个非负 10 进制整数 A 和 B (≤230−1)&#xff0c;输出 AB 的 D (1<D≤10)进制数。 输入格式&#xff1a; 输入在一行中依次给出 3 个整数 A、B 和 D。 输出格式&#xff1a; 输出 AB 的 D 进制数。 输入样例&#xff1a; 123 456 8输出样例&#xff1a; 1103…

SCUM私人服务器搭建部署教程

以下是搭建SCUM私服的步骤&#xff1a; 1. 下载并安装SteamCMD。SteamCMD是一个命令行工具&#xff0c;用于从Steam下载和更新游戏服务器。你可以从Steam官网下载并安装它。 2. 创建一个文件夹来存储服务器文件。在你的计算机上创建一个文件夹&#xff0c;用于存储SCUM服务器文…

面试拼多多前端开发岗,已拿到offer,这些知识点该放出来了

一面&#xff1a; CSS 1.盒模型 2.css文件中开头加*号/上下盒子重叠问题&#xff08;为正值如何/负值如何&#xff09; 3.伪类和伪元素的了解&#xff0c;伪类有什么作用 JS 4.原型链 5.继承 6.为什么3.tostring()会报错 7.var先使用会怎样 8.函数表达式和函数声明有…

MistralAI发布全球首个MoE大模型-Mixtral 8x7B,创新超越GPT-4

引言 MistralAI&#xff0c;一家法国的初创企业&#xff0c;近期在AI界引发了轰动&#xff0c;刚刚发布了全球首个基于MoE&#xff08;Mixture of Experts&#xff0c;混合专家&#xff09;技术的大型语言模型——Mistral-8x7B-MoE。这一里程碑事件标志着AI技术的一个重要突破…

q2-qt-多线程

是的&#xff0c;Qt框架中提供了专门用于线程池的API。Qt的线程池API位于QtConcurrent命名空间下&#xff0c;以及QThreadPool类中。 QtConcurrent命名空间提供了一些高级的API&#xff0c;可以方便地使用线程池来执行并行任务。其中&#xff0c;QtConcurrent::run()函数可以用…

第一次提交代码到git仓库

本地搭建VUE项目&#xff0c;相关配置后&#xff0c;需要把项目代码推到github仓库上。 领导建好仓库后&#xff0c;在vscode执行以下命令&#xff0c;把项目推上去。 git init // 1. 初始化项目文件夹git add . // 2. 将所有文件添加到暂存区git commit -m "first co…

yolov5当检测到特定物体时发出警报声音

可以修改detect.py里面的代码 首先先安装pyttsx3依赖&#xff1a;pip install pyttsx3 然后导包&#xff0c;这里采用多线程 import pyttsx3 import threading 在顶部合适位置&#xff0c;定义一个播放声音的方法&#xff1a; def play_voice(text):engine pyttsx3.init()eng…