JS的基本语法(规范)

欢迎大家来到IT世界,在知识的湖畔探索吧!

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 onclick=”alert(‘你点我干嘛~’)”>点我一下</button>

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

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

注释使用

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

// 单行注释

变量和字面量：

1字面量：

字面量（值）

– 字面量就是一个值，比如：1 2 3 4 “hello” true

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

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

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

也不方便后期的维护。

2变量：

变量可以用来存储字面量

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

-注意：不用重复声明变量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 = ; // 实在没辙了可以用拼音（不建议）

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

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

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

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

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

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

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

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

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

#web##web前端怎么入门学习##web零基础##web前端面试题##web前端学习#

#vue##vue3##react#