58-65
JS函数
JS函数分为三类html
- 普通函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
<!--普通函数-->
function f(arg) {
return arg+1
}
setInterval("f()",5000)
</script>
</body>
</html>
- 匿名函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
<!--匿名函数-->
setInterval(function () {
console.log(123);
},5000)
</script>
</body>
</html>
代码：匿名函数没有函数名，能够经过setInterval来定时执行python
- 自执行函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
<!--自执行函数-->
(function (arg) {
console.log(arg);
})(1)
</script>
</body>
</html>
代码：建立并自动执行函数； 当程序执行时，这一类的函数会自动执行，没有函数名，也不须要主动去调用。web
JS序列化以及转义
序列化数组
上图：
设置一个列表；经过JSON.stringify(li)将数组转成字符串；
经过JSON.parse将一个字符串转成数组。浏览器
上图：
将query= 后面的内容经过encodeURL()转换成百分号+字母或数字，这样就获得了一个转义后的连接；
固然咱们也能够经过decodeURL来反义缓存
上图：使用encodeURLComponent(url)会转义连接先后更多的内容服务器
转义是针对浏览器的cookie来使用的； 好比用户在使用浏览器访问web服务器时，一般会有一些让服务器记住本身的缓存（cookie）操做，那么服务器会讲这些数据进行转义，而后存放在用户浏览器的本地硬盘中，下次用户再去访问时由于本地硬盘有相应的转义数据，服务器会直接读取相应的转义数据，就不须要用户在重新进行重复的操做了。cookie
eval
在python当中
eval能够将字符串直接转成python中的表达式
exec能够直接执行代码ide
在JS中的eval同时知足了python中的eval和exec功能函数
时间
Date类
var d = new Date() 这里使用new表示建立一个对象； d就等于这个时间
上图：将时间赋值给d
上图：d. 有不少属性能够调用，好比小时、分钟、秒等等。
上图：获取当前那分钟； 获取数据就使用get
上图：将获取的分钟数 + 10
上图：使用set进行设置；将d这个时间的分钟数设置为n的值（30）； 图中能够看到分钟数变成30了。
做用域
以函数做为做用域 （let）
其余语言： 以代码块做为做用域（大括号以内属于一个做用域）
public void Func(){
if(1==1){
string name = 'Java';
}
console.writeline(name);
}
Func()
// 报错
Python： 以函数做为做用域
状况一：
def func():
if 1==1:
name = 'alex'
print(name)
func()
// 成功
状况二：
def func():
if 1==1:
name = 'alex'
print(name)
func()
print(name)
// 报错
JavaScript: 以函数做为做用域
function func(){
if(1==1){
var name = 'alex';
}
console.log(name);
}
func()
函数的做用域在函数未被调用以前就已经建立
function func(){
if(1==1){
var name = 'alex';
}
console.log(name);
}
这个函数尚未被调用，但已经被编译了
函数的做用域存在做用域链，而且也是在被调用以前就建立
- 示例1
xo = "alex";
function func(){
var xo = 'eric';
function inner(){
var xo = 'tony'; <!--当前调用这里的xo变量-->
console.log(xo);
}
inner()
}
func()
代码：
函数嵌套函数就叫作做用域链；
xo = "alex";
function func(){
var xo = 'eric'; <!--当前调用这里的xo变量-->
function inner(){
// var xo = 'tony'; <!--这里注释掉-->
console.log(xo);
}
inner()
}
func()
xo = "alex";
function func(){
var xo = 'eric'; <!--这里注释掉-->
function inner(){
// var xo = 'tony'; <!--这里注释掉-->
console.log(xo);
}
inner()
}
func()
代码：报错，由于没法调用做用域外面的变量
- 示例2
xo = "alex";
function func(){
var xo = 'eric';
function inner(){
console.log(xo);
}
return inner;
}
var ret = func()
ret() <!--这里至关于执行了inner函数，打印xo的值是'eric'-->
- 示例3
xo = "alex";
function func(){
var xo = 'eric';
function inner(){
console.log(xo);
}
var xo = 'tony';
return inner;
}
var ret = func()
ret()
代码：
打印xo的结果是tony；
从上到下 xo = 'eric'，而后到达inner函数，可是当前这里并无调用inner函数，而后xo又被从新赋值为'tony'，最后ret()被调用时 xo已经被从新赋值为'tony'了，因此这里打印的是'tony'。
函数内局部变量 声明提早
function func(){
console.log(xo);
}
func();
// xo这个变量不存在，程序直接报错
function func(){
console.log(xo);
var xo = 'panda';
}
解释过程当中：var xo;
func();
// 代码从上到下执行，但在执行前会先获取全部变量，并定义为undefined，因此在先执行console.log(xo)时会先看到打印的是undefined；紧接着在往下执行代码var xo = 'alex'，这时至关于xo这个变量给赋值为'panda'； 若是下面代码再次console.log(xo)的话，name此时打印的就是'panda'。
JS面向对象以及原型
function FOO(n){
this.name = n; <!--this相似python中的self-->
this.sayName = function(){
console.log(this.name)
}
}
var obj1 = new Foo('we'); <!--使用new建立一个叫obj的对象-->
obj1.name <!--'we'传入到面向对象中，因此name等于'we'-->
obj1.sayName <!--这里至关于调用对象中的函数，函数中打印了name-->
function FOO(n){
this.name = n;
this.sayName = function(){
console.log(this.name)
}
}
var obj1 = new Foo('we');
obj1.name
obj1.sayName
var obj2 = new Foo('you');
obj2.name
obj2.sayName <!--咱们建立了第2个对象，每一个对象在内存中都会单独占用一份空间，这样就浪费了内存资源-->
function Foo(n){
this.name = n;
}
# Foo的原型
Foo.prototype = {
'sayName': function(){
console.log(this.name)
}
}
obj1 = new Foo('we');
obj1.sayName()
obj2 = new Foo('you');
代码：建立了一个Foo类；在使用Foo类建立一个原型，这个原型在内存中只存在一个；当咱们调用类中的sayName()方法时，都会去到这个类中的原型中去找，内存中只有一个原型；这样无论咱们建立多少个对象去调用sayName()时，都只会去原型中调用，这样就节省了内存资源。
-
每一个你不满意的现在，都有一个你没有努力的曾经。