【JavaScript】JavaScript入门基础知识（一）

一、JS的简单介绍

1、JS起源于1995年，它的出现主要用于网页中的前端验证
所谓的前端验证：检查用户所输入的内容是否符合一定的规则
比如：用户名的长度、密码的长度、邮箱的格式等
2、JavaScript包含 ECMAScript、DOM（通过JS操作网页）、BOM（通过JS操作浏览器）
3、JS的特点
（1）解释型语言（不用编译，写完直接运行）
（2）类似于C和Java的语法结构
（3）动态语言（变量的值任意，可以保存任意类型的数据）
（4）基于原型的面向对象
4、JS代码从上到下，一行行执行的

二、JS的HelloWord

1、先建立一个html文件，JS代码需要编写到Script标签中

     alert("xx")：在网页上弹出一条指令
     document.write("xx")：向body中输入一个内容
     console.log("xx"):向控制台输出一个内容 

三、JS的编写位置

1、可以将JS代码编写到标签的onclick属性中，点击按钮后JS代码才会执行（onclick为点击事件）

<button onclick="alert('帅')">点击</button>

2、可以将JS代码写在超链接的href属性中，点击超链接后JS代码才会执行（href超链接）

 <a href="javascript:alert('你也点一下')">点一下</a>

注：可以将JS代码写在标签的属性中，但是他们属于结构和行为耦合，不方便维护，不推荐使用
3、可以将JS代码写在script标签中

 <script type="text/javascript">
       alert("帅");
 </script>

4、可以将JS代码编写到外部JS文件中，然后通过script标签引入；写在外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制；推荐使用这种方式(script用于引入外部文件)

  <script type="text/javascript" src="js/script.js"></script>
   //script.js文件下：alert("xx"); 

注：script标签一旦用于引入外部文件，就不能在其标签内编写代码了，即使编写了也会被浏览器忽略，如果需要则可以再创建一个script标签用于编写内部代码。

 <script type="text/javascript" src="js/script.js">  
       alert("内部代码");//该部分代码不执行
 </script>

四、JS的基本语法

1、JS注释：注释中的内容不会被执行，但可在源代码中进行查看，要养成良好的编写注释的习惯，也可以通过注释来对代码进行一些简单的调试
（1）单行注释: “//”
（2）多行注释: “/* */”
2、JS编码注意事项
（1）JS中严格区分大小写
（2）JS中每一条语句以分号“;”结尾，如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，而且有时候浏览器会加错分号，因此在开发中分号必须写
（3）JS中会忽略多个空格和换行，因此可以利用空格和换行对代码进行格式化

五、JS的字面量和变量

 1、字面量（常量）：都是一些不可改变的量，比如：1，2，3，4，5，字面量都是可以直接使用的，但一般不直接使用字面量

2、变量：变量可以用来保存字面量，而且变量的值可以任意改变，变量更加方便使用，在开发中都是通过变量去保存一个字面量，很少直接使用字面量;可以通过变量对字面量进行描述
3、声明变量：在JS中使用var关键字来声明一个变量

  var a; //声明变量
  a=10;  //为变量赋值     或 var a=10;
  console.log(a); //输出10

六、JS的标识符

1、标识符：在JS中所有的可以由我们自主命名的都可以称为标识符，例如：变量名、函数名、属性名都属于标识符
2、命名标识符需要注意的规则
（1）标识符中可以含有字母、数字、下划线_、$
（2）标识符不能以数字作为开头
（3）标识符不能是JS中的关键字或保留字
（4）标识符一般采用驼峰命名法：首字母小写，其后每个单词的开头字母大写，其余字母小写例如：xxxYyyZzz
3、JS底层保存标识符时实际上是采用的Unicode编码，理论上来看，所有的utf-8中含有的内容都可作为标识符