javascript笔记1

Javascript

它是一门运行在浏览器端的脚本语言

编写的位置

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

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

2.可以编写到script标签中

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

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

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

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

输出语句

警告框

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

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

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

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

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

基本的语法

注：

JS严格区分大小写
JS中每条语句以分号(;)结尾如果不写分号，浏览器会自动添加，但是会消耗一些系统资源， 而且有些时候，浏览器会加错分号，所以在开发中分号必须写
JS中会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

字面量和变量

字面量

字面量实际上就是一些固定的值，比如 1 2 3 4 true false null NaN “hello”

变量

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

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

标识符

在JS中所有的可以自主命名的内容，都可以认为是一个标识符，
是标识符就应该遵守标识符的规范。

规范：

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

数据类型

String 字符串

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

\'  ==> '  
\"  ==> "  
\n  ==> 换行  
\t  ==> 制表符  
\\  ==> \

Number 数值

特殊的数字：能赋值给变量
Infinity 正无穷 a = Infinity ,能赋值
-Infinity 负无穷
NaN 非法数字（Not A Number）
其他进制的数字的表示：
0b 开头表示二进制，但是不是所有的浏览器都支持
0 开头表示八进制
0x 开头表示十六进制

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

Boolean 布尔值

布尔值主要用来进行逻辑判断，布尔值只有两个
true 逻辑的真
false 逻辑的假

Null 空值

空值专门用来表示为空的对象，Null类型的值只有一个
null
使用typeof检查一个Null类型的值时会返回”object”

Undefined 未定义

如果声明一个变量但是没有为变量赋值此时变量的值就是undefined
该类型的值只有一个 undefined
使用typeof检查一个Undefined类型的值时，会返回”undefined”

Object 对象

typeof运算符检查数据类型

类型转换

转换为String

强制类型转换

调用被转换数据的toString()方法

一

例子：
var a = 123;
a = a.toString();
注意：这个方法不适用于null和undefined
由于这两个类型的数据中没有方法，所以调用toString()时会报错

二

调用String()函数

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

对于Number Boolean String都会调用他们的toString()方法来将其转换为字符串，对于null值，直接转换为字符串”null”。对于undefined直接转换为字符串”undefined”

隐式的类型转换

为任意的数据类型 +””
var a = true;  
a = a + "";

转换为Number

强制类型转换

一

调用Number()函数

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

二

调用parseInt()或parseFloat()
这两个函数专门用来将一个字符串转换为数字的

如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后在操作 parseInt()
可以将一个字符串中的有效的整数位提取出来，并转换为Number

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

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

隐式的类型转换

使用一元的+来进行隐式的类型转换

var a = "123";  
a = +a;

转换为布尔值

强制类型转换

使用Boolean()函数

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

隐式类型转换

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

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

基础语法

运算符

typeof运算符

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

算数运算符

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

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

* 对两个值进行乘法运算并返回结果

/ 对两个值进行除法运算并返回结果 （js的除法，不是c语言中的整除，因为数值用Number表示）

% 对两个值进行取余运算并返回结果

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

一元运算符

一元的+

就是正号，不会对值产生任何影响，但是可以将一个非数字转换为数字
一元的-
就是负号，可以对一个数字进行符号位取反

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的值是变量的原值（自减前的值）

逻辑运算符

!

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

&&

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

规则：

1.如果第一个值为false，则返回第一个值
2.如果第一个值为true，则返回第二个值

||

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

赋值运算符

=
可以将符号右侧的值赋值给左侧变量
+=
a += 5 相当于 a = a+5    
var str = "hello";  str += "world";
-=
a -= 5  相当于 a = a-5
*=
a *= 5 相当于 a = a*5
/=
a /= 5 相当于 a = a/5
%=
a %= 5 相当于 a = a%5

关系运算符

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

相等运算符

相等，

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

!=

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

===

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

!==

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

特殊的值：

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

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

三元运算符：

?:

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