JavaScript学习笔记一

一、js编写位置

1）将js代码写在标签中，属于结构与行为耦合，不方便维护，不推荐使用

示例：

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

2）可以将js代码写在外部js文件中，然后通过script标签引入（src属性），该写法可以在不同的页面中同时引入，也可以利用浏览器缓存方式利用，推荐使用

示例：

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

3）也可以将js代码写入script标签中，但script标签一旦引入外部文件，就无法再写入js代码

示例：

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

二、js基本语法

1）js代码严格区分大小写

2）js语句结束末尾都需添加 ;（封号）

因为不写分号，浏览器会自动添加，此举会消耗一些系统资源

3）js中会忽略多个空格和换行

三、标识符

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

——通常遵循的规则：

1）标识符中可以含有字母、数字、_ 、$

2）标识符不能以数字开头

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

——首字母小写，每个单词首字母大写，其余小写

4）标识符不能是js中的关键字或保留字

四、数据类型

js中六种数据类型：（前五种属于基本数据类型，后一种属于引用数据类型）

1.String

字符串需要搭配引号使用

2.Number

1）js中整数和小数也属于Number数据类型

2）在js中整数运算基本可以保证精确，但位数不能太长

3）在js中千万不要进行对精确度较高的运算，因为结果可能不精确

3.Boolean

用来进行逻辑判断，只有两个值 true/false

4.Null

1）值只有一个，就是null

2）null这个值专门用来表示一个空的对象

3）使用typeof检查一个null值时，会返回object

5.Undefined

1）值只有一个，就是undefined

2) 使用typeof检查一个undefined值时，会返回undefined

3）当声明一个变量但未赋值时，值也是undefined

6.Object

五、强制类型转换

1.将其他类型转换为String：

方法一：

调用被转换数据类型的toString（）方法

该方法不会影响到原变量，它会将转换的结果返回

但注意：null 和 undefined 这两个值没有toString（）方法

示例：

var a = 123;
a = a.toString(); 

方法二：

调用String（）函数，并将被转换的数据作为参数传递给函数

此方法也能转换null 和 undefined

示例：

var a = 123; 
a = String(a);

2.将其他类型转换为Number：

方法一：

调用Number（）函数（用法和String（）函数相同）

示例：

var s = "123";  
s = Number(s);

转换的情况：

1. 字符串 > 数字 如果字符串是一个合法的数字，则直接转换为对应的数字 如果字符串是一个非法的数字，则转换为NaN 如果是一个空串或纯空格的字符串，则转换为0

2. 布尔值 > 数字 true转换为1 false转换为0

3. 空值 > 数字 null转换为0

4. 未定义 > 数字 undefined 转换为NaN

方法二： 调用parseInt()或parseFloat()

parseInt（）可以将一个字符串中有效的整数位提取出来，并转换为Number 示例：

var a = "123.456px";  
a = parseInt(a); //123

parseFloat（）作用和 parseInt（）类似，不过它可以将有效的小数位提取出来 示例：

var a = "123.456px";  
a = parseFloat(a); //123.456

补充：可以在parseInt（）中传递一个第二个参数，来指定数字的进制

示例：

var a = "070"
​
a = parseInt(a,10) //70
​
a = parseInt(a,8) //56 

十六进制表示：0x....(0x10)

八进制表示：0....(070)

二进制表示：0b...(0b10)

3.将其他类型转换为Boolean

方法一：

使用Boolean()函数 示例：

var s = "false";  
s = Boolean(s); //true

转换的情况 字符串 > 布尔 除了空串其余全是true

数值 > 布尔 除了0和NaN其余的全是true

null、undefined > 布尔 都是false

对象 > 布尔 都是true

方法二：

为任意的数据类型做两次非运算，即可将其转换为布尔值 示例：

var a = "hello";  
a = !!a; //true

六、运算符

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

1.typeof运算符

用来检查一个变量的数据类型 语法：typeof 变量 它会返回一个用于描述类型的字符串作为结果

示例：

var a = "hello"
​
console.log(typeof a)  //string

2.算数运算符

• 对两个值进行加法运算并返回结果

• 对两个值进行减法运算并返回结果

• 对两个值进行乘法运算并返回结果 / 对两个值进行除法运算并返回结果 % 对两个值进行取余运算并返回结果

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

3.一元运算符

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

一元的+

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

var a = true;  
a = +a;

一元的-

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

var a = 10;  
a = a;

自增

自增可以使变量在原值的基础上自增1 自增使用 ++ 自增可以使用 前++（++a）后++(a++) 无论是++a 还是 a++都会立即使原变量自增1 不同的是++a和a++的值是不同的， ++a的值是变量的新值（自增后的值） a++的值是变量的原值（自增前的值）

自减

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

4.逻辑运算符

! 非运算可以对一个布尔值进行取反，true变false false边true 当对非布尔值使用 ! 时，会先将其转换为布尔值然后再取反 我们可以利用 ! 来将其他的数据类型转换为布尔值

&& &&可以对符号两侧的值进行与运算 只有两端的值都为true时，才会返回true。只要有一个false就会返回false。 与是一个短路的与，如果第一个值是false，则不再检查第二个值 对于非布尔值，它会将其转换为布尔值然后做运算，并返回原值 规则： 1.如果第一个值为false，则返回第一个值 2.如果第一个值为true，则返回第二个值

|| ||可以对符号两侧的值进行或运算 只有两端都是false时，才会返回false。只要有一个true，就会返回true。 或是一个短路的或，如果第一个值是true，则不再检查第二个值 对于非布尔值，它会将其转换为布尔值然后做运算，并返回原值 规则： 1.如果第一个值为true，则返回第一个值 2.如果第一个值为false，则返回第二个值

5.赋值运算符

=：可以将符号右侧的值赋值给左侧变量 +=

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

6.关系运算符

关系运算符用来比较两个值之间的大小关系的 > >= < <= 关系运算符的规则和数学中一致，用来比较两个值之间的关系， 如果关系成立则返回true，关系不成立则返回false。 如果比较的两个值是非数值，会将其转换为Number然后再比较。 如果比较的两个值都是字符串，此时会比较字符串的Unicode编码，而不会转换为Number。

7.相等运算符

相等，判断左右两个值是否相等，如果相等返回true，如果不等返回false 相等会自动对两个值进行类型转换，如果对不同的类型进行比较，会将其转换为相同的类型然后再比较，转换后相等它也会返回true，null == undifined

!= 不等，判断左右两个值是否不等，如果不等则返回true，如果相等则返回false 不等也会做自动的类型转换。

=== 全等，判断左右两个值是否全等，它和相等类似，只不过它不会进行自动的类型转换， 如果两个值的类型不同，则直接返回false

!== 不全等，和不等类似，但是它不会进行自动的类型转换，如果两个值的类型不同，它会直接返回true

特殊的值： null和undefined 由于undefined衍生自null，所以null == undefined 会返回true。 但是 null === undefined 会返回false。 NaN NaN不与任何值相等，报告它自身 NaN == NaN //false

判断一个值是否是NaN 使用isNaN()函数

8.三元运算符

? : 语法：条件表达式 ? 语句1 : 语句2; 执行流程： 先对条件表达式求值判断， 如果判断结果为true，则执行语句1，并返回执行结果 如果判断结果为false，则执行语句2，并返回执行结果

优先级： 和数学中一样，JS中的运算符也是具有优先级的， 比如 先乘除 后加减 先与 后或 具体的优先级可以参考优先级的表格，在表格中越靠上的优先级越高， 优先级越高的越优先计算，优先级相同的，从左往右计算。 优先级不需要记忆，如果越到拿不准的，使用()来改变优先级。