【无标题】

1.数组

1.1创建数组

// 创建一个空数组
var arr1 = [];
// 创建一个包含3个数值的数组，多个数组项以逗号隔开
var arr2 = [1, 3, 4];
// 创建一个包含2个字符串的数组
var arr3 = ['a', 'c'];
​
// 可以通过数组的length属性获取数组的长度
console.log(arr3.length);
// 可以设置length属性改变数组中元素的个数
arr3.length = 0;

 1.2获取数组

// 格式：数组名[下标]   下标又称索引
// 功能：获取数组对应下标的那个值，如果下标不存在，则返回undefined。
var arr = ['red', 'green', 'blue'];
arr[0]; // red
arr[2]; // blue
arr[3]; // 这个数组的最大下标为2,因此返回undefined

1.3遍历数组

for(var i = 0; i < arr.length; i++) {
    // 数组遍历的固定结构
}

 1.4数组中新增元素

数组的赋值

// 格式：数组名[下标/索引] = 值;
// 如果下标有对应的值，会把原来的值覆盖，如果下标不存在，会给数组新增一个元素。
var arr = ["red", "green", "blue"];
// 把red替换成了yellow
arr[0] = "yellow";
// 给数组新增加了一个pink的值
arr[3] = "pink";

数组的push方法

// 格式：数组名.push()
// 如果下标有对应的值，会把原来的值覆盖，如果下标不存在，会给数组新增一个元素。
var arr = ["red", "green", "blue"];
arr.push(“pink”);

2.函数

2.1函数的定义

函数声明

function 函数名(){
  // 函数体
}

函数表达式

var fn = function() {
  // 函数体
}

2.2函数的调用

调用函数的方法

函数名（）;

2.3函数的参数

语法：

// 函数内部是一个封闭的环境，可以通过参数的方式，把外部的值传递给函数内部
// 带参数的函数声明
function 函数名(形参1, 形参2, 形参...){
  // 函数体
}
// 带参数的函数调用
函数名(实参1, 实参2, 实参3);

形参和实参

1. 形式参数：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。

2. 实际参数：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。

3.函数的返回值

3.1返回值总结

1、如果函数没有显示的使用 return语句 ，那么函数有默认的返回值：undefined

2、如果函数使用 return语句，那么跟再return后面的值，就成了函数的返回值

3、如果函数使用 return语句，但是return后面没有任何值，那么函数的返回值也是：undefined

4、函数使用return语句后，这个函数会在执行完 return 语句之后停止并立即退出，也就是说return后面的所有其他代码都不会再执行。

4.函数其他

4.1函数的命名

规则

1.由字母、数字、下划线、$符号组成，不能以数字开头
2.不能是关键字和保留字，例如：for,while,this, name
3.区分大小写
规范
1.函数名必须有意义
2.遵守驼峰命名法
3.建议不要用$作为函数名

4.2函数的覆盖问题

如果两个函数都是函数的声明，且函数名相同，那么后边的函数会覆盖前边的

function fn1() {

    console.log("函数声明");

  }

  function fn1() {

    console.log("我是第二个fn1");

  }

fn1();//我是第二个fn1

 如果两个函数都是函数表达式，且函数名相同，函数的调用会调用最近的一个

 var fn2 = function () {

    console.log("第一个函数表达式fn2");

  } 

  fn2();//第一个函数表达式fn2

var fn2 = function () {

    console.log("我是第二个fn2表达式");

  }

4.3函数的内置对象

arguments数组中前几个元素是函数的参数

callee属性：函数的本身

callee.name:函数的名字

length属性：实参的个数

callee.length:形参的个数

4.4匿名函数

匿名函数：没有名字的函数

匿名函数不能通过直接调用来执行，因此可以通过匿名函数的自调用的方式来执行

(function () {
       alert(123);
  })();

 4.5函数是一种数据类型

函数是引用数据类型

<script>

//1.可以typeof一下

function run(){

}

console.log(typeof run)//function

4.6函数作为参数

因为函数也是一种类型，可以把函数作为参数传入

function fnNum1(x) {

    console.log(x);

    x();

  }

 fnNum1(function () { console.log("函数作为参数传入") });

 因为函数是一种类型，可以把函数作为参数反出

 function fnNum2(x) {

    return x

  }

  // var num1 = fnNum2(120);

  var num1 = fnNum2(function () { console.log("函数作为参数反出") });

  console.log(num1);

  num1();

5.预解析

当变量和函数的声明处在作用域比较靠后的位置的时候，变量和函数的声明会被提升到作用域的开头。

5.1函数提升

func();

function func(){

     alert("Funciton has been called");

}

 由于JavaScript的预解析机制，上面的代码就等效于：

function func(){

     alert("Funciton has been called");

}

func()

 5.2变量提升

alert(a);

var a = 1;

上面的代码就等效于

var a; //这里是声明

alert(a);//变量声明之后并未有初始化和赋值操作，所以这里是 undefined

a = 1

 5.3函数同名

func1();

function func1(){

     console.log('This is func1');

}

func1();

function func1(){

     console.log('This is last func1');

}

输出结果为

This is last func1

This is last func1

原因分析：由于预解析机制，func1的声明会被提升，提升之后的代码为

function func1(){

console.log('This is last func1');

}

func1();

func1();

 5.4变量和函数同名

alert(foo);

function foo(){}

var foo = 2;

当出现变量声明和函数同名的时候，只会对函数声明进行提升，变量会被忽略。所以上面的代码的输出结果为

function foo(){}

 预解析之后的代码

function foo(){};

alert(foo);

foo = 2;

var num = 1;

function num () {

alert( num );

}

num();

代码执行结果为：

Uncaught TypeError: num is not a function

预解析后代码

function num(){

alert(num);

}

var num = 1;

num();

 5.5预解析是分作用域的

提升原则是提升到变量运行的环境(作用域)中去。

function showMsg()

{

var msg = 'This is message';

}

alert(msg); // msg未定义

预解析后的代码

function showMsg()

{

var msg;

msg = 'This is message';

}

alert(msg); // msg未定义

5.6函数表达式不会提升

func();

var func = function(){

     alert("我被提升了");

};

var func;

func();

func = function(){

     alert("我被提升了");

}

6.作用域

 6.1全局作用域

直接编写在 script 标签之中的JS代码，都是全局作用域；

或者是一个单独的 JS 文件中的。

全局作用域在页面打开时创建，页面关闭时销毁；

在全局作用域中有一个全局对象 window（代表的是一个浏览器的窗口，由浏览器创建），可以直接使用。

所有创建的变量都会作为 window 对象的属性保存。

6.2局部作用域（函数作用域）

在函数内部就是局部作用域，这个代码的名字只在函数的内部起作用

调用函数时创建函数作用域，函数执行完毕之后，函数作用域销毁；

每调用一次函数就会创建一个新的函数作用域，它们之间是相互独立的。

将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。

6.3隐式全局变量

声明变量使用`var`, 如果不使用`var`声明的变量就是全局变量( 禁用 )

因为在任何代码结构中都可以使用该语法. 那么再代码维护的时候会有问题. 所以除非特殊原因不要这么用.

下面的代码的错误

function foo () {

    var i1 = 1 // 局部

    i2 = 2, // 全局

    i3 = 3; // 全局

}

 

 

 7.对象

7.1对象创建方式

对象字面量

var o = {
  name: 'zs',
  age: 18,
  sex: true,
  sayHi: function () {
    console.log(this.name);
  }
};  

 new Object()创建对象

var person = new Object();
  person.name = 'lisi';
  person.age = 35;
  person.job = 'actor';
  person.sayHi = function(){
  console.log('Hello,everyBody');
}

 工厂函数创建对象

function createPerson(name, age, job) {
  var person = new Object();
  person.name = name;
  person.age = age;
  person.job = job;
  person.sayHi = function(){
    console.log('Hello,everyBody');
  }
  return person;
}
var p1 = createPerson('张三', 22, 'actor');

 自定义构造函数

function Person(name,age,job){
  this.name = name;
  this.age = age;
  this.job = job;
  this.sayHi = function(){
    console.log('Hello,everyBody');
  }
}
var p1 = new Person('张三', 22, 'actor');

7.2属性和方法

1. 如果一个变量属于一个对象所有，那么该变量就可以称之为该对象的一个属性，属性一般是名词，用来描述事物的特征

2. 如果一个函数属于一个对象所有，那么该函数就可以称之为该对象的一个方法，方法是动词，描述事物的行为和功能

7.3new关键字

构造函数，是一种特殊的函数。主要用来在创建对象时初始化对象，即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。

1.、构造函数用于创建一类对象，首字母要大写。

2.、构造函数要和new一起使用才有意义。

new在执行时会做三件事情：

1、new会在内存中创建一个新的空对象

2、new会让this指向这个新的对象

3、new会返回这个新对象

7.4this详细

JS中this的指向问题，有时会让人难以捉摸，随着学习的深入，我们可以逐渐了解。

函数内部的this几个特点：

1. 函数在定义的时候this是不确定的，只有在调用的时候才可以确定

2. 一般函数直接执行，内部this指向全局window

3. 函数作为一个对象的方法，被该对象所调用，那么this指向的是该对象

4. 构造函数中的this其实是一个隐式对象，类似一个初始化的模型，所有方法和属性都挂载到了这个隐式对象身上，后续通过new关键字来调用，从而实现实例化

7.5对象的使用

遍历对象的属性

通过for..in语法可以遍历一个对象

删除对象的属性

function fun() {
  this.name = 'mm';
}
var obj = new fun();
console.log(obj.name); // mm
delete obj.name;
console.log(obj.name); // undefined

8.JavaScript错误

8.1JavaScript和catch

try 语句允许我们定义在执行时进行错误测试的代码块。

catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。

JavaScript 语句 try 和 catch 是成对出现的。

8.2finally语句

finally 语句不论之前的 try 和 catch 中是否产生异常都会执行该代码块。

function myFunction() {

 var message, x;

 message = document.getElementById("p01");

message.innerHTML = "";

x = document.getElementById("demo").value;

 try { if(x == "") throw "值是空的";

if(isNaN(x)) throw "值不是一个数字";

 x = Number(x); if(x > 10) throw "太大"; if(x < 5) throw "太小"; }

catch(err) { message.innerHTML = "错误: " + err + "."; }

 finally { document.getElementById("demo").value = ""; } }

8.3Throw语句

throw 语句允许我们创建自定义错误。

语法：throw exception

9.内置对象

JavaScript中的对象分为4种：内置对象、浏览器对象、自定义对象、DOM对象

10.Math对象

10.1常用属性

Math.PI    圆周率

10.2常用方法

Math.random()      生成随机数
Math.floor()         向下取整

Math.ceil()          向上取整
Math.round()        取整，四舍五入
Math.abs()          绝对值
Math.max()         最大值

Math.min()         最小值 

Math.sin()          正弦

Math.cos()          余弦

Math.pow()         求指数次幂

Math.sqrt()         求平方根

11.Date对象

创建Date实例用来处理日期和时间。Date 对象基于1970年1月1日（世界标准时间）起的毫秒数。

11.1创建日期对象

Date()是构造函数

var date = new Date();

11.2日期原始值

getTime()：获取1970年1月1日至今的毫秒数

valueOf();原始值，获取1970年1月1日至今的毫秒数    

11.3获取日期指定部分

getMilliseconds()
getSeconds()  // 返回0-59
getMinutes()  // 返回0-59
getHours()    // 返回0-23
getDay()      // 返回星期几 0周日   6周6
getDate()     // 返回当前月的第几天
getMonth()    // 返回月份，***从0开始***
getFullYear()  //返回4位的年份  如 2016

12.Array对象

12.1创建数组对象的两种方式

1、字面量方式

2、new Array()

12.2检测一个对象是否是数组

instanceof    如果返回true就是数组，false是非数组

Array.isArray() 如果返回true就是数组，false是非数组

valueOf()     返回数组对象本身

12.3栈操作(先进后出)

push()  添加元素
pop()   删除元素

12.4队列操作(先进先出)

shift()   删除元素
unshift() 添加元素

12.5排序方法

reverse()   翻转数组
sort()

12.6操作方法

concat()    把参数拼接到当前数组、 或者用于连接两个或多个数组
slice(start,end)：

1.从start开始截取元素，到end结束，包括start,不包括end,返回新数组，start,end是索引,

2、不会改变原始数组

splice()   

1、从start开始截取元素，截取length个，,返回新数组，start是索引,length是个数

但是会删除原数组中截取出来的内容

12.7位置方法

indexOf()        都是找位置 返回索引值 没有找到返回 -1，第一次出现位置

lastIndexOf()   如果没找到返回-1，元素最后一次出现的位置

12.8filter ()与map ()

filter()根据指定条件过滤元素,返回新数组 ;

map()数根据数学运算，返回新数组

//filter():根据指定条件过滤元素,返回新数组

  var new1 = arr.filter(function (value, index) {

    return value >= 33;

  })

  console.log(new1);

  //map():根据数学运算，返回新数组

  var new2 = arr.map(function (value, index) {

    return Math.pow(value, 2);

  })

12.9清空数组

方式1 推荐
      arr = []
方式2
      arr.length = 0
方式3
      arr.splice(0, arr.length)

12.10数组转化字符串

join()数组转化为字符串，以参数分割

13.String对象

13.1字符串的不可变

var str = 'abc';
str = 'hello';
// 当重新给str赋值的时候，常量'abc'不会被修改，依然在内存中
// 重新给字符串赋值，会重新在内存中开辟空间，这个特点就是字符串的不可变
// 由于字符串的不可变，在大量拼接字符串的时候会有效率问题

13.2创建字符串对象

var str = new String('Hello World');
// 获取字符串中字符的个数
console.log(str.length);

13.3字符串对象的常用方法

1 字符方法
       charAt()        //获取指定位置处字符
       charCodeAt()    //获取指定位置处字符的ASCII码
       str[0]          //HTML5，IE8+支持 和charAt()等效
2 字符串操作方法
       concat()        //拼接字符串，等效于+，+更常用
       slice(start,end)         //从start位置开始，截取到end位置，end取不到
       substring(start,end)     //从start位置开始，截取到end位置，end取不到
       substr(start,length)        从start位置开始，截取length个字符
       indexOf()       //返回指定内容在元字符串中的位置,,如果没有，返回-1；(从前往后，检索到第一个就结束)
       lastIndexOf()   //返回指定内容在元字符串中的位置,,如果没有，返回-1；(从后往前，检索到第一个就结束)
       trim()          //只能去除字符串前后的空白
       大小写转换方法
       toUpperCase()   //转换大写
       toLowerCase()   //转换小写
       search()//方法用于检索字符串中指定的子字符串，返回子字符串的起始位置
       replace(old,new) //替换字符串替换字符串 new替换old
       split() //分割字符串 返回的是一个数组。。数组的元素就是以参数的分割的