Javascript的基本语法(规范)

news/2024/7/11 0:08:32 标签: javascript, 开发语言, ecmascript, 前端, vue.js, jquery, es6

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.niftyadmin.cn/n/5257007.html

相关文章

【集合】List取交集、并集(去重)、差集

文章目录 交集差集并集不去重去重 交集 最笨的方法之一&#xff1a;双层for循环&#xff08;对象的情况下可以转成map或者set&#xff09; public static void main(String[] args) {List<String> listA new ArrayList<>();List<String> listB new Array…

310v转5v 1A 4G模块供电稳压芯片-AH8665

AH8665是一个高性能的稳压芯片&#xff0c;适用于将310V输入电压转换为5V 1A的输出电压&#xff0c;为4G模块提供稳定的电源供应。该芯片具有出色的稳定性能、高效转换效率和紧凑的外形尺寸&#xff0c;广泛应用于通信、物联网等领域。 AH8665芯片采用先进的低压差线性稳压器&…

NFTScan | 12.04~12.10 NFT 市场热点汇总

欢迎来到由 NFT 基础设施 NFTScan 出品的 NFT 生态热点事件每周汇总。 周期&#xff1a;2023.12.04~ 2023.12.10 NFT Hot News 01/ NFTScan 与 MintCore 联合推出适用于 NFT 的 Layer2 网络 Mint 12 月 5 日&#xff0c;根据官方消息&#xff0c;NFT 基础设施服务商 NFTScan …

FTP、U盘等传统数据安全摆渡方法的6个弊端

数据安全摆渡&#xff0c;即数据在不同的网络之间&#xff0c;进行安全流转。做网间隔离的初衷&#xff0c;就是为了保护数据安全&#xff0c;但是在数据摆渡时&#xff0c;除了安全&#xff0c;企业还是需要考虑其他的要素&#xff0c;比如可靠性、易用性、兼容性等等。而传统…

2024年AI云计算专题研究报告:智算带来的变化

今天分享的人工智能系列深度研究报告&#xff1a;《2024年AI云计算专题研究报告&#xff1a;智算带来的变化》。 &#xff08;报告出品方&#xff1a;华泰证券&#xff09; 报告共计&#xff1a;32页 Al 云计算 2024:关注智算带来的新变化 通过对海内外主要云厂商及其产业链…

ZStack Cloud云平台服务中国化学工程集团高性能数据库

中国化学工程通过ZStack Cloud云平台构建云基础设施&#xff0c;并为其提供高性能、高可用的云主机、云存储和云网络服务&#xff1b;并通过ZStack Cloud云平台弹性裸金属能力ZStack RDS数据库云平台&#xff0c;满足高性能数据库和多种数据库统一管理的需求&#xff1b;此外&a…

NoSuchColumnFamilyException: org.apache.hadoop.hbase.regionserv

问题 在IDEA运行HBASE脚本时出现如下报错&#xff1a; org.apache.hadoop.hbase.regionserver.NoSuchColumnFamilyException: org.apache.hadoop.hbase.regionserver.NoSuchColumnFamilyException: Column family table does not exist in region hbase:meta,,1.1588230740 i…

IDEA版SSM入门到实战(Maven+MyBatis+Spring+SpringMVC) -Spring依赖注入数值问题

第一章 Spring依赖注入数值问题 1.1 字面量数值 数据类型&#xff1a;基本数据类型及包装类、String语法&#xff1a;value属性或value标签 1.2 CDATA区 语法&#xff1a;<![CDATA[]]>作用&#xff1a;在xml中定义特殊字符时&#xff0c;使用CDATA区 1.3 外部已声明…