JavaScript的基本语法#

JavaScript编写位置#

可以将js代码编写到标签的onclick属性或超链接的href属性中（当我们点击按钮时，js代码才会执行

1
<button onclick="alert('xxx');">button</button>`
2
<a href="javascript:alert('xxx');"></a>
3
<a href="javascript:;"></a>

可以将js代码编写到script标签

1
  <script type="text/javascript">alert("我是script标签中的代码");</script>

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

1
  <script type="text/javascript" src="js/script.js"></script>

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

字面量与变量#

字面量#

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

变量#

变量可以用来保存字面量，而且变量的值是可以任意改变的
变量更加方便我们使用，所以在开发中都是通过变量去保存一个字面量，而很少直接使用字面量，可以通过变量对字面量进行描述

声明赋值#

通过 var 来声明变量

1
var = a
2
a = 100
3
var b = 100

标识符#

在JS中所有的可以由我们自主命名的都可以称为是标识符

例如：变量名、函数名、属性名都属于标识符
命名一个标识符时需要遵守如下的规则： 1.标识符中可以含有字母、数字、_、$ 2.标识符不能以数字开头 3.标识符不能是ES中的关键字或保留字 4.标识符一般都采用驼峰命名法
- 首字母小写，每个单词的开头字母大写，其余字母小写 helloWorld xxxYyyZzz
JS底层保存标识符时实际上是采用的Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符

数据类型#

JS中一共分成六种数据类型

1
    String 字符串
2
    Number 数值
3
    Boolean 布尔值
4
    Null 空值
5
    Undefined 未定义
6
    Object 对象

基本数据类型#

String 字符串#

JS中的字符串需要使用引号引起来双引号或单引号都行
在字符串中使用\作为转义字符

1
    \'  ==> '
2
    \"  ==> "
3
    \n  ==> 换行
4
    \t  ==> 制表符
5
    \\  ==> \

使用typeof运算符检查字符串时，会返回”string”

Number 数值#

JS中所有的整数和浮点数都是Number类型
特殊的数字

1
  Infinity 正无穷
2
  -Infinity 负无穷
3
  NaN 非法数字（Not A Number）

其他进制的数字的表示：

1
  0b 开头表示二进制，但是不是所有的浏览器都支持
2
  0 开头表示八进制
3
  0x 开头表示十六进制

使用typeof检查一个Number类型的数据时，会返回number （包括NaN 和 Infinity）

Boolean 布尔值#

布尔值主要用来进行逻辑判断，布尔值只有两个

1
  true 逻辑的真
2
  false 逻辑的假

使用typeof检查一个布尔值时，会返回boolean

Null 空#

空值专门用来表示为空的对象

1
  Null类型的值只有一个 null

使用typeof检查一个Null类型的值时会返回object”

Undefined 未定义#

如果声明一个变量但是没有为变量赋值此时变量的值就是undefined

1
  该类型的值只有一个 undefined

使用typeof检查一个Undefined类型的值时，会返回undefined
注：typeof 判断null与array都是返回object。可以用instanceof判断引用数据类型，如 a instanceof Object 返回一个boolean值

引用数据类型#

Object 对象#

运算符#

运算符也称为操作符
通过运算符可以对一个或多个值进行运算或操作

typeof运算符#

用来检查一个变量的数据类型
语法：typeof 变量

1
  var a = 100
2
  typeof a //number

它会返回一个用于描述类型的字符串作为结果

算数运算符#

1
    +  对两个值进行加法运算并返回结果
2
    -   对两个值进行减法运算并返回结果
3
    *  对两个值进行乘法运算并返回结果
4
    /  对两个值进行除法运算并返回结果
5
    %  对两个值进行取余运算并返回结果

除了加法以外，对非Number类型的值进行运算时，都会先转换为Number然后在做运算。
而做加法运算时，如果是两个字符串进行相加，则会做拼串操作，将两个字符连接为一个字符串。
任何值和字符串做加法，都会先转换为字符串，然后再拼串

一元运算符#

一元运算符只需要一个操作数

一元的 +#

就是正号，不会对值产生任何影响，但是可以将一个非数字转换为数字
例子：

1
  var a = true
2
  a = +a

一元的 -#

就是负号，可以对一个数字进行符号位取反
例子：

1
  var a = 10
2
  a = -a;

自增#

自增可以使变量在原值的基础上自增1，自增使用 ++

自增可以使用前++（++a）后++(a++)，无论是++a 还是 a++都会立即使原变量自增1

不同的是++a和a++的值是不同的， ++a的值是变量的新值（自增后的值）

1
  a = a + 1
2
  a = a

a++的值是变量的原值（自增前的值）

1
a = a
2
a = a + 1

自减#

自减可以使变量在原值的基础上自减1，自减使用 -- 自减可以使用前--（--a）后--(a--)，无论是--a 还是 a—都会立即使原变量自减1

不同的是—a和a—的值是不同的，

--a的值是变量的新值（自减后的值）

1
  a = a - 1
2
  a = a

a--的值是变量的原值（自减前的值）

1
  a = a
2
  a = a - 1

基本语法