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 ...
随机推荐
- java_缓冲流(文件内容排序)
/** 案例:诸葛亮出师表文本排序 * 1.使用HashMap集合,k存储每行文本序,v存储文本 * 2.创建字符缓冲输入流,构造方法中绑定字符输入流 * 3.使用字符串缓冲输入流中的方法readLi ...
- javascript特效源码(2、图像特效)
1.不停闪烁的图像 不停闪烁的图片[修改显示的图片及链接地址后根据说明进行共1步] 1.以下代码放在一个新建页面的HTML的<body></body> 区即可:[页面上必须什么 ...
- 使用vue-cli3快速适配H5项目
跟我老大学到了一招使用vue-cli3快速适配H5项目的方法. 我之前也有进行一个版本的适配,直接使用cnpm install -g vue-cli,然后安装各种插件进行适配,见我之前的博客. 后来老 ...
- Atcoder arc096
C:Half and Half 几个if语句贪心算一算就好了 #include<cstdio> #include<algorithm> using namespace std; ...
- Nginx反向代理Odoo并转为https
生成证书文件 生成自签名证书,并放在指定位置 $ openssl req -x509 -days 3650 -subj '/CN=odoo.youyun.com/' -nodes -newkey rs ...
- 廖雪峰Java11多线程编程-3高级concurrent包-1ReentrantLock
线程同步: 是因为多线程读写竞争资源需要同步 Java语言提供了synchronized/wait/notify来实现同步 编写多线程同步很困难 所以Java提供了java.util.concurre ...
- HttpUrlConnection post 乱码 终极解决方案
今天遇到了java后台模拟http请求,以POST方式传参中文乱码,google了一下,大部分是在打开的HttpURLConnection的输入流的时候设置编码(utf-8),按照设置,试了下并没有解 ...
- C#多线程实现方法——线程池(Thread Pool)
ThreadPool使用 同步机制 ThreadPool使用 需要定义waitcallback委托形式如 public delegate void WaitCallback(object stat ...
- codeforces 1186E- Vus the Cossack and a Field
传送门:QAQQAQ 题意:给一个01矩阵A,他的相反矩阵为B,每一次变换都会将原矩阵面积乘4成为: AB BA 矩阵的左上角固定,变换无限次,现有q个询问,即求一个矩阵内的1的个数. 思路:因为反转 ...
- Spring注解驱动(下)
9.@PropertySource 加载配置文件 在xml中 我们加载property配置文件,是使用 <context:property-placeholder location=" ...