JS基本语法

1. JavaScript

• JavaScript负责页面中的的行为。
• 它是一门运行在浏览器端的脚本语言。

2. JS的编写的位置

2.1 可以编写到标签的指定属性中

<button onclick="alert('hello');">我是按钮</button>  
<a href="javascript:alert('aaa');">超链接</a>

2.2 可以编写到script标签中

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

2.3 可以将代码编写到外部的js文件中，然后通过标签将其引入

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

<script type="text/javascript" src="文件路径"></script>

defer延迟脚本

• defer="defer"立即下载，延迟执行
• 放在页面底部是最佳选择

async异步脚本

指定async属性的目的是不让页面等待两个脚本下载和执行，从而异步加载页面其他内容

3. 输出语句

alert("要输出的内容");

该语句会在浏览器窗口中弹出一个警告框

document.write("要输出的内容");

该内容将会被写到body标签中，并在页面中显示

console.log("要输出的内容");

该内容会被写到开发者工具的控制台中

4. 基本语法

js==函数声明==不需要；分号，但是==赋值语句==要加；分号

function functionName(arg0,arg1,arg2){  
//函数声明  
}  

var functionName=function(arg0,arg1,arg2){  
//函数表达式  
};(注意分号)

• 注释

//注释内容

/*  
注释内容  
*/

• JS严格区分大小写

• JS中每条语句以分号(;)结尾如果不写分号，浏览器会自动添加，但是会消耗一些系统资源， 而且有些时候，浏览器会加错分号，所以在开发中分号必须写

• JS中会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化。

5. 字面量和变量

5.1 字面量

• 字面量实际上就是一些固定的值，比如 1 2 3 4 true false null NaN “hello”
• 字面量都是不可以改变的。
• 由于字面量不是很方便使用，所以在JS中很少直接使用字面量

5.2 变量

• 变量可以用来保存字面量，并且可以保存任意的字面量

• 一般都是通过变量来使用字面量，而不直接使用字面量，而且也可以通过变量来对字面量进行一个描述

5.3 声明变量

• 使用var关键字来声明一个变量

var a;

• 为变量赋值

a = 1;

• 声明和赋值同时进行

var a = 456;

5.4 标识符

• 在JS中所有的可以自主命名的内容，都可以认为是一个标识符，

• 比如：变量名、函数名、属性名

• 规范：

  1. 标识符中可以含有字母、数字、_、$
  2. 标识符不能以数字开头
  3. 标识符不能是JS中的关键字和保留字
  4. 标识符一般采用驼峰命名法xxxYyyZzz