Web前端自学记录（十一） Javascript基础

Javascript基础

1.强制类型转换

指将一个数据类型转换为其他的数据类型，类型转换主要指，将其他的数据类型转换为String，Number，Boolean

将其他的数据类型转换为String

方式一：
    调用被转换数据类型的toString()方法
    var b = a.toString();
    该方法不会影响到原变量，它会将转换的结果返回
    但是注意：null和undefined这两个值没有toString()方法，
方式二：
    调用String()函数，并将被转换的数据作为参数传递给函数
    a = String(a);
    使用String()函数做强制类型转换时
        对于Number和Boolean实际上就是调用的toString()方法
        但是对于null和undefined，就不会调用toString()方法
            它会将null直接转换为"null"
            将undefined直接转换为"undefined"

将其他的数据类型转换为Number

方式一：
    使用Number()函数
        字符串-->数字
            1.如果是纯数字的字符串，则直接将其转换为数字
            2.如果字符串中有非数字的内容，则转换为NaN
            3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
        布尔-->数字
            true 转成 1
            false 转成 0
        Null-->数字   0
        Undefined-->数字 NaN
方式二：
    这种方式专门用来对付字符串
    parseInt()把一个字符串转换为一个整数
    parseFloat()把一个字符串转换为一个浮点数
    如果对非String使用parseInt()或parseFloat()，它会先将其转换为String，然后再操作

将其他的数据类型转换为Boolean

使用Boolean()函数
    数字-->布尔
        除了0和NaN，其余都是true
    字符串-->布尔
        除了空串，其余都是true
    null和undefined都会转换为false
    对象也会转换为true

2.其他进制的数字

在js中
如果需要表示16进制的数字，则需要以0x开头
如果需要表示8进制的数字，则需要以0开头
如果需要表示2进制的数字，则需要以0b开头，但是不是所有浏览器都支持

可以在parseInt()中传递一个第二个参数，指定数字的进制
a = parseInt(a,10);

3.运算符

运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获取运算结果。

算数运算符
当对非Number的值进行运算时，会将这些值转换为Nubmer然后再运算，任何值和NaN做运算值都是NaN。

+
   +可以对两个值进行加法运算，并将结果返回
    如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接为资格字符串并返回
    任何的值和字符串做加法运算，都会先转换为字符串，再进行拼串
-
    -可以对两个值进行减法运算，并返回值
*
    *可以对两个值进行乘法运算
/
    /可以对两个值进除法运算
%
    %取模运算(取余数)

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

+ 正号
    正号不会对数字产生任何影响
- 负号
    负号可以对数字进行符号的取反

对于非Number类型，它会先转换为Nubmer，再进行运算
可以对一个其他的数据类型使用+，来将其转换为Number

自增和自减

自增 ++
    通过自增可以使变量在自身的基础上增加1，对一个变量自增以后，原变量的值会立即自增1
    自增分成两种：后++(a++) 和 前++(++a)，无论是a++ 还是++a，都会立即使原变量的值自增1
    不同的是a++ 和 ++a的值不同：
    a++的值等于原变量的值(自增前的值)，++a的值等于原变量新值(自增后的值)
自减 --
    通过自减可以使变量在自身的基础上减1
    自减分成两种：后--(a--) 和前--(--a)
    用法于自增相同

逻辑运算符
JS中为我们提供了三种逻辑运算符

! 非
    可以用来对一个值进行非运算，所谓非运算就是指对一个布尔值进行取反操作。
    如果对一个值进行两次取反，它不会变化。
    如果对非布尔值进行运算，则会将其转换为布尔值，然后取反。
    所以我们可以利用该特点，将一个其他的数据类型转换为布尔值。
&& 与
    &&可以对符号两侧的值进行与运算，并返回结果
    运算规则：
        两个值中只要有一个值为false就返回false
        JS中的"与"属于短路的与，如果第一个值为flase，则不会看第二个值
|| 或
    ||可以对符号两侧的值进行或运算并返回结果
    运算规则：
        两个值中只要有一个true，就返回true
        JS中的"或"属于短路的或，如果第一个值为true，则不会检查第二个值

&& || 非布尔值的情况

对于非布尔值进行与或运算时，会先将其转换非布尔值，然后再运算，并且返回原值。
与运算：
    如果第一个值为true，则必然返回第二个值
    如果第一个值为false，则直接返回第一个值
或运算：
    如果第一个值为true，则直接返回第一个值
    如果第一个值为false，则直接返回第二个值

赋值运算符

=
    可以将符号右侧的值赋值给符号左侧的变量
+=
    a += 5等价于a = a + 5
-=
    a -= 5等价于a = a - 5
*=
    a *= 5等价于a = a * 5
/=
    a /= 5等价于a = a / 5
%=
    a %= 5等价于a = a % 5

关系运算符
通过关系运算符可以比较两个值之间的大小关系，如果关系成立它会返回true，如果关系不成立则返回false

> 大于号
    判断符号左侧的值是否大于右侧的值
>= 大于等于
    判断符号左侧的值是否大于或等于右侧的值
< 小于号
<= 小于等于

非数值的情况
	对于非数值进行比较时，会将其转换为数字，然后进行比较
	任何值和NaN做任何比较都是false
	如果符号两侧的值都是字符串时，不会将其转换为数字进行比较
	而会分别比较字符串中字符的Unicode编码，比较字符编码时是一位一位进行比较，
	如果两位一样，则比较下一位，所以借用它来对英文进行排序

相等运算符
相等运算符用来比较两个值是否相等，如果相等则返回true，否则返回false

使用== 来表示相等运算
    当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型然后再比较
使用!=进行不相等运算
    不相等用来判断两个值是否不相等，如果不相等则返回true，
    不相等也会对变量进行自动的类型转换，如果转换后相等也会返回false
=== 全等
    用来判断两个值是否全等，它和相等类似，不同的是它不会做类型转换
    如果两个值的类型不同，直接返回false
!== 不全等
    用来判断两个值是否不全等，和不等类似，不同的是它不做类型转换
    如果两个值的类型不同，直接返回true
undefined 衍生自null，所以这两个值做相等判断时会返回true
NaN不和任何值相等，包括它本身

可以通过isNaN()函数来判断一个值是否是NaN，如果该值是NaN，则返回true

条件运算符
条件运算符也叫三元运算符

语法：
    条件表达式?语句1:语句2;
执行的流程：
    条件运算符在执行时，首先对条件表达式进行求值
    如果该值为true，则执行语句1，并返回执行结果
    如果该值为false，则执行语句2，并返回执行结果
    如果条件表达式的结果是一个非布尔值，会先转换成布尔值然后再运算。

,运算符

使用,可以分隔多个语句，一般可以在声明多个变量时使用,

运算符的优先级

就和数学中一样，在JS中运算符也有优先级，比如：先乘除 后加减
在JS中有一个运算符优先级的表，在表中越靠上优先级越高，优先级越高越先计算，
如果优先级一样，则从左往右计算。

但是这个表我们并不需要记忆，如果遇到优先级不清楚的情况，可以使用()来改变优先级

编码

在字符串中使用转义字符输入Unicode编码
    \u四位编码
在网页中使用Unicode编码 
    &#编码; 这里的编码需要的是10进制的

代码块

在JS中可以使用{}来为语句进行分组
同一个{}中的语句我们称为是一组语句，它们要么都执行，要么都不执行
一个{}中的语句我们称为一个代码块，在代码块的后边就不用再编写;了

JS中的代码块，只具有分组的作用，没有其他的用途。代码块内部的内容，再外部是完全可见的

后续会持续更新