首页 > 编程语言> > JavaScript—JS Basis

JavaScript—JS Basis

2021-08-03 17:02:30 作者：互联网

JS-Basis

简介

JavaScript诞生于1995年，它的出现主要用于处理网页中的前端验证；前端验证就是检查用户输入内容是否符合一定的规则（浏览器验证并非服务器验证是否符合规则），比如用户名的长度、密码的长度和邮箱格式等。

ECMAScript是JavaScript的一个标准文档，这个标准是由各个厂商去实现；不同的浏览器厂商对该标准会有不同的实现；

一个完整的JavaScript主要由三个部分组成：ECMAScript（标准文档）、DOM（文档对象模型）、BOM（浏览器对象模型）；
特点

—解释型语言；

—类似于C语言和Java的语法结构；

—动态语言；

—基于原型的面向对象；

JS编写规则

—JS代码要编写到<head>标签下的<script>标签中；

<script type="text/javascript">
    /*控制浏览器弹出一个警告框*/
    alert("这是我的第一行JS代码");
	/*向body中写入内容*/
    document.write("写入body内容");
    /*向控制台写入内容*/
    console.log("向控制台写入内容");
</script>

JS代码编写位置

（1）可以将JS代码编写到标签的onclick属性之中:

<button οnclick="alert('莫挨老子');">点我一下呗</button>

（2）可以将js代码写入超链接的href属性中，当点击超链接时执行JS代码

<a href="javascript:alert('让你点我你就点我');">点我一下呗<\a>

以上两种方式虽然可以写入标签属性中，但是它们属于结构与行为耦合，不方便维护，不推荐使用

（3）写入<script>标签中

<script>
	alert("这是写入script标签的代码");
</script>

（4）写入.js文件中，通过<script>标签引入外部.js文件

/*
script标签一旦用于引入外部文件，其标签下编写的js代码就失效，即使编写了js代码，浏览器也会忽略，如果需要可以在创建一个新的script标签，用于编写内部js代码
*/
<script src="js文件的路径">
	alert("这个script标签里面的语句不会被执行");
</script>

写入外部文件中，可以在不同页面中同时引用，也可以利用浏览器的缓存机制，开发中推荐使用；

JS基本语法

—JS语法中严格区分大小写；

—JS中每一条语句都要以英文分号结尾；如果不写分号，浏览器会自动添加，但是会消耗一些系统资源；有些时候浏览器会加错分号；

—JS会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化；
字面量和变量

—字面量：无法改变的值，比如常量，字面量可以直接使用，但是一般不会直接使用；

—变量：变量可以用来保存字面量，并且变量的值可以是任意改变的；变量更加方便使用；在开发过程中，通过一个变量去保存一个字面量，很少直接使用字面量；

—声明变量：在JS中使用var关键字来声明一个变量：
```
<script>
	//声明变量
    var a;
    a=10;
    //同时声明变量并赋值
    var b=20;
    //控制台显示输出两个变量值
    console.log(a);
    console.log(b);
</script>
```
标识符

—标识符：在JS中所有可以由我们自主命名的都可以称为标识符；例如：变量名、函数名、属性名都属于标识符；

—命令标识符的规则：
1. 标识符可以是字母、数字和下划线_以及$符号；
2. 标识符不能以数字开头；
3. 标识符不能是ES中的关键字或保留字；
4. 标识符一般采用驼峰命名法：首字母小写，每个单词的开头字母大写（除了首个单词）其余字母小写，例如：helloWorld;
—JS底层保存标识符时，实际上采用的是Unicode编码，所以理论上，所有的utf-8中含有的内容都可以作为标识符，例如中文字符，但不使用；

标签：浏览器,Basis,标签,代码,JavaScript,写入,JS,标识符
来源： https://blog.csdn.net/ImmortalSYM/article/details/119354260