javascript介绍及注意事项

前端御书房

已于 2022-10-15 15:25:25 修改

阅读量190

点赞数

分类专栏： JavaScript 文章标签： javascript

于 2019-12-22 19:30:23 首次发布

本文链接：https://blog.csdn.net/qq_40850839/article/details/103656014

版权

JavaScript 专栏收录该内容

56 篇文章 3 订阅

订阅专栏

一、javascript

轻量级的客户端脚本编程语言

1.编程语言

HTML+CSS是标记语言
编程语言是具备一定逻辑的，拥有自己的编程思想，（面向对象编程，面向过程编程）

面向对象

C++
JAVA
PHP
JS

面向过程

2.目前的JS已经不仅仅是客户端语言了，基于NODE做服务器端程序，所以JS是全栈编程语言。

3.学习JS，我们学习他的几部分组成

EMCAScript（ES）：JS的核心语法
DOM：DOcument Object Model文档对象模型，提供各种API让JS可以获取或操作页面中的HTML元素。
BOM：Bowser Object Model浏览器对象模型，提供各种API让JS可以操作浏览器。

二、ECMAScript

他是JS的语法规范，JS中的变量、数据类型、语法规范、操作语句、设计模式等都是ES规定的。
1997ES1.0->1998ES2.0->1999ES3.0->2000ES4（夭折）>2015ES6

三、使用JavaScript

javascript代码在页面中执行有三种方式
1.外部文件链接
在heade标签之间，通过script标签引入JavaScript代码，src的属性值是js文件的地址。

<head>
<script type="/text/javascript" src="js文件地址"></script>
</head>

在页面中的任何地方通过script标签，在script标签中写入js代码

<script type="/text/javascript">
//js代码
</script>

在html文档所属的标签内部嵌入js代码

<button javascript:"js代码"></button>

在实际实验过程中建议使用外部文件链接方式。

四、变量（variable）

它不是具体的值，只是一个用来存储具体值的容器或者代名词。因为它存储的值可变所以称为变量。
基于ES语法规范，在JS中创建变量有以下方式。

var（ES3）
function（ES3）创建函数（函数也是变量，只不过存储的值是函数类型的而已）
let（ES6）
const（ES6）创建常量
import（ES6）基于ES6的模块规范导出需要的信息
class（ES6）基于ES6创建类

/*语法：var [变量名]=值;
*let [变量名]=值;
*const [变量名]=值;
*function 函数名(){
*}
*/
var n=13;
n=15;
alert(n+10);//=>弹出来25，此时n代表15
const m=100;
m=200;//=>报错不能给一个常亮重新赋值（常量存储的值不能被修改，能够修改就是变量了）
```javascript
创建变量，命名的时候要遵循一些规范
- 严格区分大小写
- 驼峰命名
按照数字、字母、下划线来命名（数字不能作为名字的开头），命名的时候基于英文单词拼接成一个完整的名字（第一个单词字母小写，其余每一个有意义的单词的首字母都大写）
- 不能使用关键字和保留字
在JS中遇特殊含义的叫关键字，未来可能会成为关键字的叫保留字

var n=12;
var N=13;//=>两个不同变量
var studentInfo / student_info / _studentInfo(下划线在前的都是公共变量) / $studentInfo(一般存储的是JQ元素)
//语义化强一些
/*
*add / insert / delete / remove / update
*
/