JavaScript基础语法快速入门

文章目录

基础语法
- JavaScript的位置
- 预前知识
- - 注释
  - 原则
  - 字面量、变量、标识符
  - Unicode编码
- 数据类型
- - 字符串
  - 数值
  - 布尔值
  - NULL
  - UNDEFINED
  - 强制转换String
  - 强制转换Number
  - 其他进制数字
  - 强制转换Boolean
- 运算符
- - 算数运算符
  - - \+
    - \- \* \/ \%
  - 一元运算符
  - - \+ \-
    - 自增和自减
  - 逻辑运算符
  - - 布尔值运算
    - 非布尔值与或运算
    - - 与
      - 或
  - 赋值运算符
  - 关系运算符
  - 相等运算符
  - 条件运算符
  - 运算符的优先级
- 语句与代码块
- - 流程控制语句
  - - if
    - switch
    - while
    - for
    - break和continue

2019年7月15日22:16:40 开始学习JavaScript。

资源：bilibili/av34087791。

基础语法

JavaScript的位置

在body前，放在script中。

<script type=“text/javascript”>
/* js代码; */
</script>

在body内，可放在标签的属性中。

如button的 οnclick=“alert(‘点击button响应字符串同时信息’)” ；
如超链接中 href=“javascript:alert(‘字符串’)”。

虽然可以写在标签的属性中，但是不方便维护；因此可以将js代码写在tittle中或外部js文件中

外部js文件，通过script标签引入。

<script type=“text/javascript” scr=“js/script.js”> (中间无需写代码，写也会被忽略) </script>

预前知识

注释

/*
多行注释
*/

//单行注释

原则

1.JS严格区分大小写；
2.JS中每一条语句以分号(;)结尾；
3.JS忽略多个空格和换行

字面量、变量、标识符

字面量是一些不可改变的值，比如1 2 3 4 5；但一般不直接使用字面量。

变量可以改变值，用变量保存字面量的值。使用var声明一个变量。

var a;

a = 123;

var a = 456;

标识符是JS中可以自主命名的东西。例如：变量名、函数名、属性名。标识符中可以含有字母、数字、_、$。标识符不能以数字开头。标识符不能是ES中的关键字或保留字。

标识符一般采用驼峰命名法。

首字母小写，每个单词开头字母大写，其余字母小写，如helloWorld。
JS底层保存标识符时实际上采用的是Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符。

Unicode编码

console.log("\u0031")

\u + 十六进制。

在网页中，是 &# + 十进制。

数据类型

数据类型就是字面量的类型。

基本数据类型：

String
Number
Boolean
Null
Undefined

引用数据类型：

Object

字符串

var str = “hello”;

使用 \ 进行转义。

可以使用typeof检测变量的类型。

console.log(typeof a);

数值

Number包括整数和浮点数。

Number.MAX_VALUE

如果数值超过Number.MAX_VALUE时，会返回Infinity。类型是number。

NAN

NAN表示not a number，类型是number。

Number.MIN_VALUE

返回最小值，能表示的最小的正小数。

如果使用JS进行浮点运算，可能得到一个不精确的结果；所以千万不要使用JS进行对精确度要求比较高的运算。

布尔值

只有true与false两个值。

var bool = true;

NULL

NULL只用一个值null。

var a = null;

NULL专门用来空的对象。

使用typeof返回null值时，会返回’object’。

UNDEFINED

声明了没赋值的变量。

var a;

var b = undefined;

使用typeof，会返回’undefined’。

强制转换String

方式一：toString()方法。

注意，null、undefined没有toString()方法。

a = a.toString();

方式二：String()函数。

注意，对于number和boolean，就是调用toString()。

a = null;
a = String(a);

强制转换Number

方式一：Number()函数。

注意，字符串转数字：

纯数字字符串正常；
如果有非数字内容，转换为NaN；
如果字符串是一个空串或者全是空格，则转换为0；
对于Boolean，true转为1，false转为0;
对于null，转为0;
对于undefined，转为NaN。

方式二：parseInt()、parseFloat()，专门用来对付字符串。

a = “123px”;
a = parseInt(a);
b = “456.789”;
b = parseInt(b);

则 a = 123 b= 456。

c = “123.456.789”;
c = parseFloat©;

则 c = 123.456。

其他进制数字

16进制，0x开头。

a = 0x10;

a = 0xCafe;

输出是都会转换成十进制输出。

8进制，0开头。

b = 070;

2进制，0b开头，但不是所有浏览器都支持。

c = 0b11;

parseInt(对象，参数1)，参数1指定进制数。

parseInt(a, 10);

强制转换Boolean

Boolean()函数。

数字除了0和NaN，其余都是true；
字符串除了空串，其余都是true；
null和undefined都是false。

运算符

算数运算符

对于Number和非Number的运算，转换为Number后运算。（除了字符串加法）

+

var a = “锄禾日当午”+
“汗滴禾下土”;

任何值和字符串加法运算，都会转换成字符串。并进行拼串。

result = 1;
console.log("result = " + result);

因此可以进行隐式数据转换，转换为String。

var c = null;
c = c + “”;

- * / %

只有+是转为字符串，其余的运算符都是转为Number。

var result = 100 - “1”;

因此可以进行隐式数据转换，转换为Number。

var c = “123” - 0;

%是取余数。

一元运算符

只需要一个操作数。

+ -

正好对数字无影响，负号取反。负号对于非Number，先转为Number。

a = true;
a = -a;

则，a = -1。

自增和自减

a++;
++a;

逻辑运算符

布尔值运算

!、&&与||。

a = !a;

var b = true && true;

var c = true || false;

注意这里的短路功能。

非布尔值与或运算

与

对于非布尔值运算，先将其转换为布尔值，并返回原值。

var result = 2 && 4;

则* result = 4 *。

与运算，如果两个值都为true，则返回后边的。
与运算，如果两个值都为false，则返回前边的。
这与短路的思维有关。如果第一个值为true，则返回第二个值；如果第一个值为false，则返回第一个值。

或

如果第一个值为true，则直接返回第一个值。
如果第一个值为false，则直接返回第二个值。

result = “” || “hello”;

则，* result = “hello” *。

赋值运算符

a = 5;
a += 5;
a -= 5;
a *= 5;
a /= 5;
a %= 5;

关系运算符

> <
>= <=

任何值和NaN进行比较，都是false。
如果两边都是字符串，则不会转换为数字，而比较字符的Unicode编码。
注意，在比较字符串的数字时，一定要转型。

相等运算符

==

当使用两个类型时，会自动进行类型转换。
NaN不和任何值相等，包括它本身。
可以通过isNaN()函数来判断是否为NaN。

!=

会自动进行类型转换。

===

全等，类型不同，直接返回false。

!==

不全等，与!=类似，但不会进行自动的类型转换。类型不等，直接返回true。

条件运算符

条件表达式?语句1:语句2；

运算符的优先级

var a, b, c;

优先级一样，则从左往右。

语句与代码块

在JS中可以使用{}来为语句进行分组，{}中的整体叫做代码块。

流程控制语句

条件判断语句
条件分支语句
循环语句

if

if(条件表达式){

}

if(条件表达式){

}else{

}

if(条件表达式){

}else if(条件表达式){

}else{

}

switch

switch(表达式){
case 表达式1:
break;
case 表达式2:
break;
}

while

while(true){}

do{}while(true);

for

for(var i = 0 ; i < 10; i++){}

break和continue

if中不能使用break。
可以加一个标签，终止循环。

outer:
for(){
break outer;
}