Function是由function关键字定义的函数对象的原型
在javascript中，多出了一个原型的概念。所谓原型，其实就是一个对象的本质，但复杂就复杂在，原型本身也是对象，因此，任何一个对象又可以作为其他对象的原型。Function就相当于一个系统原型，可以把它理解为一种“基本对象类型”，是“对象”这个概念范畴类的基本数据类型。除了Function之外，其实还有很多类似的首字母大写的对象原型，例如Object,Array,Image等等。有一种说法是：javascript中所有的一切都是对象（除了基本数据类型，其他的一切全是对象），所有的对象都是Object衍生出来的。（按照这种说法，我们应该返回去再思考，上面说的类的假设是否成立。）
极其重要的prototype概念
prototype的概念在javascript中极其重要，它是javascript中完成上面说的“一切皆对象”的关键。有了prototype，才有了原型，有了原型，才有了javascript五彩缤纷的世界（当然，也有人说是杂乱的）。我们可以这样去理解prototype：世界上本没有javascript，上帝说要有Object，于是有了Object，可是要有Function怎么办？只需要对Object进行扩展，可是如何扩展？只需要用prototype……当然，这是乱扯的，不过在javascript中，只要是function，就一定会有一个prototype属性。实际上确实是这样
1Function.prototype.show =function() {...}
在原型的基础上通过prototype新增属性或方法，则以该对象为原型的实例化对象中，必然存在新增的属性或方法，而且它的内容是静态不可重载的。原型之所以被称为原型，可能正是因为这种不可重载的特质。
比如上面的这段代码，会导致每一个实例化的function，都会具备一个show方法。
注意上面橙色加粗的文字，每一个实例化的function，都会具备一个show方法那我们该如何使用这个方法呢？
1Function.prototype.show =function() 2{3return"我是一个函数的新方法";//函数需要有返回值!4}5Function.show();//输出=>我是一个函数的新方法 6Function;//Function的原型为 =>function Function() { [native code] }7varf =new Function(); 8f.show();//输出=>我是一个函数的新方法
而如果我们自己创建了一个类，则可以通过prototype将之转化为原型：
1function Cat() {...}2Cat.prototype.run =function() {};3varcat1 =newCat();
这时，对于cat1而言，Cat就是原型，而该原型拥有一个run的原始方法，所以无论实例化多少个Cat，每一个实例化对象都有run方法，而且该方法是不能被重载的，通过cat1.run = function(){}是无效的。
为了和其他语言的类的定义方法统一，我们可以将这种原型属性在定义类的时候，写在类的构造里面：
1function Cat() {2 ....3Cat.prototype.run =function() {};4}
new Function()是函数原型的一个实例化
在理解了Function原型的概念之后，再来看new Function()就显得很容易了。
1varmessage =newFunction('msg','alert(msg)');2// 等价于：3function message(msg) {4 alert(msg);5 }
new Function(参数1,参数2,…,参数n,函数体)，它的本意其实是通过实例化一个Function原型，得到一个数据类型为function的对象，也就是一个函数，而该变量就是函数名。
-----------------------------------------------------------------------------------------------------------
-setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。
function fun(name){
alert('hello'+' '+name);
}
setTimeout (function(){
fun('Tom');
},1000);//参数是函数名
setTimeout (()=>{
fun('Tom');
},1000);//参数是函数名
箭头函数与function定义函数的写法：
//function
function fn(a, b){
return a + b;
}
//arrow function
var foo = (a, b)=>{ return a + b };
使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。
function是可以定义构造函数的，而箭头函数是不行的。
//使用function方法定义构造函数
function Person(name, age){
this.name = name;
this.age = age;
}
var lenhart = new Person(lenhart, 25);
console.log(lenhart); //{name: 'lenhart', age: 25}
————————————————
//尝试使用箭头函数
var Person = (name, age) =>{
this.name = name;
this.age = age;
};
var lenhart = new Person('lenhart', 25); //Uncaught TypeError: Person is not a constructor
————————————————
版权声明：本文为CSDN博主「中二青年阿欢」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/github_38851471/article/details/79446722
-----------------------------------------------------------------------------------------------------------
then()方法是异步执行。就是当.then()前的方法执行完后再执行then()内部的程序，这样就避免了，数据没获取到等的问题。
promise.then(onCompleted, onRejected);
-----------------------------------------------------------------------------------------------------------
setTimeout() 是设定一个指定等候时间 (单位是千分之一秒, millisecond), 时间到了, 浏览器就会执行一个指定的代码
setTimeout("changeState()",3000 );
function changeState(){
let content=document.getElementById('content');
content.innerHTML="<div style='color:red'>我是三秒后显示的内容！</div>";
}
setTimeout在vue中的正确使用：当在vue中使用定时器在function里直接使用this，发现没有效果，
这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，这会使得this指向的是window对象。拓展知识：解决vue在setTimeout内修改this失效的问题
要想setTimeout指向正确的值，可以使用两种方式：第一使用箭头函数如下
setTimeout(() => {
this.dosomething();
}, 4000);
第二种方法: let _this=this,在setTimeout里面用_this替代this
