JavaScript学习笔记总结

JavaScript学习笔记总结

JavaScript基础学习

廖雪峰的javascript教程
w3c的javascript文档

JavaScript(JS)的基本语法

与html结合方式

1. 内部JS：定义标签<script>，标签体内容就是js代码（可以理解为和html代码写在一起）
2. 外部JS：定义1. 内部JS：定义标签<script>，标签体内容就是js代码（可以理解为和html代码写在一起）
   ，通过src属性引入外部的js文件（单独定义的JS代码，没有和html代码写在一块）

注意：

1. 内部JS：定义标签<script>，标签体内容就是js代码（可以理解为和html代码写在一起）可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
2. 内部JS：定义标签<script>，标签体内容就是js代码（可以理解为和html代码写在一起）可以定义多个。

注释

1. 单行注释：//注释内容
2. 多行注释：/ 注释内容 /

数据类型

1. 原始数据类型(基本数据类型)：（不知道原始数据类型也可以学好JavaScript）

   1. number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
   2. string：字符串。 字符串 “abc”、 “a” 、‘abc’
   3. boolean: true和false
   4. null：一个对象为空的占位符
   5. undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined

2. 引用数据类型：对象

变量

1、变量：一小块存储数据的内存空间
2、Java语言是强类型语言，而JavaScript是弱类型语言。

强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。

3、语法：

var 变量名 = 初始化值;

4、typeof运算符：获取变量的类型。

注：null运算后得到的是object

运算符

1. 一元运算符：只有一个运算数的运算符
   分别有 ++、–、+(正号)

   1. 自运算符号
      ++ --: 自增(自减)
      ++(–) 在前，先自增(自减)，再运算
      ++(–) 在后，先运算，再自增(自减)
   2. +(-)：正负号
   3. 注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
   4. 其他类型转number：
      string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
      boolean转number：true转为1，false转为0

2. 算数运算符
   ± /% …

3. 赋值运算符
   =+= -= …

4. 比较运算符
   < > <= >= == ===(全等于)

   比较方式

   1.类型相同：直接比较

    字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。
   

   2.类型不同：先进行类型转换，再比较

    ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false
   

5. 逻辑运算符
   && （与）||（或） !（非）

   其他类型转boolean：

   1. number：0或NaN为假，其他为真
   2. string：除了空字符串("")，其他都是true
   3. null&undefined:都是false
   4. 对象：所有对象都为true（这个地方很有用的，if(对象){ }这样写，感觉逼格很高）

6. 三元运算符
   : 表达式
   var a = 3;
   var b = 4;
   var c = a > b 1:0;

语法：
表达式 值1:值2;
判断表达式的值，如果是true则取值1，如果是false则取值2；

流程控制语句

1. if…else…
2. switch case:

在java中，switch语句可以接受的数据类型： byte int shor char,枚举(1.5) ,String(1.7)

switch(变量):

case 值:

在JS中,switch语句可以接受任意的原始数据类型

3. while
4. do…while
5. for

JS特殊语法

1. 语句以 ; (分号)结尾，如果一行只有一条语句则 ; 可以省略 (不建议)
2. 变量的定义使用var关键字，也可以不使用

用： 定义的变量是局部变量

不用：定义的变量是全局变量(不建议)

JavaScript(JS)的基本对象

一、Function：函数(方法)对象

1. 创建的方式：
   1. var fun = new Function(形式参数列表,方法体); // 不经常用，忘掉吧
   2. 方法1
      function 方法名称(形式参数列表){
      方法体
      }
   3. 方法2
      var 方法名 = function(形式参数列表){
      方法体
      }

2.方法：

3.属性：
length:代表形参的个数
4.特点：

1. 方法定义是，形参的类型不用写,返回值类型也不写。
2. 方法是一个对象，如果定义名称相同的方法，会覆盖
3. 在 JS 中，方法的调用只与方法的名称有关，和参数列表无关
4. 在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数
   5.调用：
   方法名称(实际参数列表);

二、Array:数组对象

1. 创建：
2. var arr = new Array(元素列表);
3. var arr = new Array(默认长度);
4. var arr = [元素列表];
5. 方法
   join(参数)：将数组中的元素按照指定的分隔符拼接为字符串
   push() ：向数组的末尾添加一个或更多元素，并返回新的长度。
6. 属性
   length：数组的长度
7. 特点：
8. JS 中，数组元素的类型可变的。
9. JS 中，数组长度可变的。

Array 对象属性

属性	描述
constructor	返回对创建此对象的数组函数的引用。
length	设置或返回数组中元素的数目。
prototype	使您有能力向对象添加属性和方法。

Array 对象方法

方法	描述
concat()	连接两个或更多的数组，并返回结果。
join()	把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()	删除并返回数组的最后一个元素
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reverse()	颠倒数组中元素的顺序。
shift()	删除并返回数组的第一个元素
slice()	从某个已有的数组返回选定的元素
sort()	对数组的元素进行排序
splice()	删除元素，并向数组添加新元素。
toSource()	返回该对象的源代码。
toString()	把数组转换为字符串，并返回结果。
toLocaleString()	把数组转换为本地数组，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值

三、Boolean

Boolean 对象方法

方法	描述
toSource()	返回该对象的源代码。
toString()	把逻辑值转换为字符串，并返回结果。
valueOf()	返回 Boolean 对象的原始值。

四、Date：日期对象

1. 创建：
   var date = new Date();

2. 方法：
   toLocaleString()：返回当前 date 对象对应的时间本地字符串格式
   getTime():获取毫秒值。返回当前如期对象描述的时间到 1970 年 1 月 1 日零点的毫秒值差

Date 对象方法

Date 对象方法

<

方法	描述