当前位置: 首页 > news >正文

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.lryc.cn/news/258334.html

相关文章:

  • vue chrome debugger 无效
  • JRT实现Cache的驱动
  • ESP32网络开发实例-Web串口(WebSerial)
  • P2 Qt Creator创建第一个Qt程序
  • 加班、效率和价值
  • 【QT 5 调试软件+(Linux下验证>>>>串口相关初试串口)+Windows下qt代码在Linux下运行+参考win下历程+基础样例】
  • 地址栏不安全提示
  • glib编译与实战
  • PHP基础(4)
  • 软件安全设计
  • Mysql、Oracle安全项检查表及操作脚本
  • 单片双向马达驱动芯片D6208的芯片描述
  • 使用ansible命令部署k8s集群
  • 【上海大学数字逻辑实验报告】四、组合电路(三)
  • centos安装node 、npm 、nvm
  • 年终福利|鹅厂重磅AI绘画训练营带你玩转SD
  • arXiv学术速递笔记12.8
  • 大模型元年压轴盛会定档12月28日,第十届WAVE SUMMIT即将启航
  • 基于conda环境使用mamba/conda安装配置QIIME 2 2023.9 Amplicon扩增子分析环境,q2cli主要功能模块介绍及使用
  • 腾讯-轻量应用服务器centos7中宝塔安装MySQL8.0出现内存不足
  • 调用Win10隐藏的语音包
  • 【WPF】应用程序和已知安卓设备的局域网IP之间进行通信
  • linux Ubuntu下,第一个C++程序访问数据库,遇到的问题,及解决办法
  • 【Flink on k8s】- 7 - 在本地运行第一个 flink wordcount job
  • velocity-engine-core是什么?Velocity模板引擎的使用
  • 【华为od】存在一个m*n的二维数组,其成员取值范围为0,1。其中值为1的元素具备扩散性,每经过1S,将上下左右值为0的元素同化为1。
  • docker学习(七、搭建mysql8.2主从)
  • 消费升级:无人零售的崛起与优势
  • 【开题报告】基于SpringBoot的煤炭企业安全宣传学习平台的设计与实现
  • 机器连接和工业边缘计算