JavaScript内容回顾
<!DOCTYPE html>
<!--JavaScript内容回顾-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
Javascript
for循环
for(var item in [11, 22,33]){
console.log(item)
}
var arra = [11,22,33,44]
for(var i=0;i<arra.lenght;i=i|+1){
break;
}
while(条件){ }
条件语句
if(){ }
else if(){}
else{}
==
=== name='3';
switch(name){
case '1':
age=123;
break;
case '2':
age=456;
break;
default:
age=777;
}
函数
function func(arg){
return arg+1
}
var result = func(1)
console.log(result); 普通函数：
function func(){
}
匿名函数：
setInterval(执行的函数,5000); function func(arg){
return arg+1
}
setInterval("func()",5000);
setInterval(function(){
console.log(123);
},5000)
自执行函数(创建函数并且自动执行)：
function func(arg){
console.log(arg);
}
// func(1) (function func(arg){
console.log(arg);
})(1)
func() 序列化
JSON.stringify() 将对象转换为字符串
JSON.parse() 将字符串转换为对象类型
转义
客户端（cookie） =》服务器端
将数据经过转义后，保存转cookie <div>
eval
JavaScript中的eval是Python中eval和exec的合集，既可以编译代码也可以获取返回值。
eval()
EvalError 执行字符串中的JavaScript代码 </div>
<div>
python:
val = eval("1+1")
val = eval(表达式)
exec(执行代码)
JavaScript:
eval
</div>
<div>时间</div>
<div>Console</div>
Date对象（类）
vra d= new Date()
d
d.getminutes() //获取
d
n = d.getMinutes()+4
d.setMinutes(n) //设置
d 作用域
其他语言：以代码块作为作用域
public void Func(){
if(1==1){
string name = 'java';
}
console.writeline(name);
}
Func()
//报错 public void Func(){
if(1==1){
string name = 'java';
console.writeline(name);
}
}
Func()
//正确打印 Python语言:以函数作为作用域
情况一成功：
derf func():
if 1==1:
name ='alex'
print(name)
func() 情况二报错：
derf 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);
}
函数的作用域存在作用域链，并且也是在被调用之前创建
情况一 tony：
xo = 'alex'; function func(){
var xo = 'eric';
function inner(){
var xo = 'tony';
console.log(xo);
}
inner()
}
func()
情况二 eric：
xo = 'alex'; function func(){
var xo = 'eric';
function inner(){ console.log(xo);
}
inner()
}
func()
情况三 报错：
xo = 'alex'; function func(){ function inner(){ console.log(xo);
}
inner()
}
func()
情况四 inner：
xo = 'alex'; function func(){
var xo = 'eric';
function inner(){ console.log(xo);
}
return inner;
}
var ret =func() 情况五 tony：
xo = 'alex'; function func(){
var xo = 'eric';
function inner(){ console.log(xo);
}
var xo = 'tony';
return inner;
}
var ret = func()
ret()
函数内局部变量提前声明
示例一 报错：
function func(){
console.log(xxoo);
}
func(); 示例二 undefined：
function func(){
console.log(xxoo);
var xxoo = 'alex';
console.log(xxoo);
}
//解释过程中：var xxoo；
func(); JavaScript面向对象
示例一
function foo(){
var xo = 'alex';
}
foo()
示例二
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('wee');
obj2.name
obj2.sayName() a， this代指对象（python swlf）
b， 创建对象时，new函数（） Python的面向对象：
class Foo:
def __init__(self,name):
self.name =name def sayName(self):
print(self.name)
obj1 = Foo('we')
obj2 = Foo('wee') JavaScript面向对象 原型：
function Foo(n){
this.name = n;
}
#Foo的原型
Foo.prototypr ={
'sayName':function(){
console.log(this.name)
}
} obj1 = new Foo('we');
obj1.sayName() obj2 = new Foo('wee');
JavaScript内容回顾
<!DOCTYPE html>
<!--JavaScript函数-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
自执行函数：
function func(){ }
func()
演示
function 张扬(){
function f1(){ }
function f2(){ }
function f3(){ }
}
function 程彪(){
function f1(){ }
function f2(){ }
function f3(){ }
} </body>
</html>
JavaScript函数
JavaScript内容回顾的更多相关文章
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- 基本数据类型-集合(set)_上周内容回顾（字符串_数字_列表_元组_字典_集合）
上周内容回顾 1.字符串 2.数字 除了布尔类型外,int.long.float和complex都可以使用的运算为:加.减.乘.除.整除.幂运算和取余 3.列表和元组 列表的内容可变,可以包含任意对象 ...
- 2017年 JavaScript 框架回顾 -- 前端框架
概述: 对于 JavaScript 社区来说,npm 的主要功能之一就是帮助开发者发掘所需的 npm Registry 中的库和框架.npm 强大的搜索功能能够帮助找到一组相关的软件包,同时其内置的的 ...
- 2017年 JavaScript 框架回顾 -- React生态系统
前一篇文章中,我们介绍了2017年 JavaScript 框架的整体情况.我们也了解到在众多的前端框架中,目前最为庞大又在快速增长的当属 React 了,本文就来重点介绍 React 的生态系统. 首 ...
- 2017年 JavaScript 框架回顾 -- 后端框架
本文是2017年 JavaScript 框架回顾系列的最后的一篇文章,主要介绍 JavaScript 的后端框架情况. 从上图中可以看到,Express 作为用 JavaScript 编写的后端服务的 ...
- python 全栈开发，Day112(内容回顾,单例模式,路由系统,stark组件)
一.内容回顾 类可否作为字典的key 初级 举例: class Foo(object): pass _registry = { Foo:123 } print(_registry) 执行输出: {&l ...
随机推荐
- Django static静态配置文件
对于Django来说静态文件一般交由Web服务器处理,Django本身不处理静态文件.为了使Django开发环境能够处理静态文件,Django有和生产环境不同的静态文件配置方式. Django 版本: ...
- WebException: The underlying connection was closed: Could not establish trust relationship for the SSL/TLS secure channel
关于这个异常的问题网上有很多的解决方案. 最为靠谱的有: http://www.cnblogs.com/hjf1223/archive/2007/03/14/674502.html(若因为链接而导致不 ...
- 学习 debug
要在代码编辑器中设置源代码断点,有以下 4 种操作方式. (1) 把光标移到要设为断点的行上,按下 F5 键. (2) 用鼠标左键单击要设为断点的行的最左端. (3) 用鼠标右键单击要设为断点的行,在 ...
- SG函数模板（洛谷2197nim游戏
#include <iostream> #include <cstdio> #include <queue> #include <algorithm> ...
- 图论最短路径算法——Dijkstra
说实在的,这算法很简单,很简单,很简单--因为它是贪心的,而且码量也小,常数比起SPFA也小. 主要思想 先初始化,dis[起点]=0,其它皆为无限大. 还要有一个bz数组,bz[i]表示i是否确定为 ...
- 廖雪峰Java14Java操作XML和JSON-2JSON-1Json介绍
JSON是一种类似JavaScript对象的数据表示格式 JavaScript Object Notation 去除了JavaScript的执行语句 仅保留数据 JSON格式: 仅保留UTF-8编码 ...
- Eclipse连接android模拟器
1.打开eclipse 2.打开MuMu模拟器 3.去到MuMu模拟器 adb_server.exe 文件所在目录:(我的:I:\Android\mumu\emulator\nemu\vmonitor ...
- Error configuring application listener of class [org.springframework.web.util.Log4jConfigListener]
1.启动项目发现如下错误: 严重: Error configuring application listener of class [org.springframework.web.util.Log4 ...
- AtCoder F - Exhausted?
传送门 sxy题解: //Achen #include<algorithm> #include<iostream> #include<cstring> #inclu ...
- git difff
Generate patch through git diff http://stackoverflow.com/questions/1191282/how-to-see-the-changes-be ...