<!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内容回顾的更多相关文章

  1. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  2. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  3. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  4. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  5. 基本数据类型-集合(set)_上周内容回顾(字符串_数字_列表_元组_字典_集合)

    上周内容回顾 1.字符串 2.数字 除了布尔类型外,int.long.float和complex都可以使用的运算为:加.减.乘.除.整除.幂运算和取余 3.列表和元组 列表的内容可变,可以包含任意对象 ...

  6. 2017年 JavaScript 框架回顾 -- 前端框架

    概述: 对于 JavaScript 社区来说,npm 的主要功能之一就是帮助开发者发掘所需的 npm Registry 中的库和框架.npm 强大的搜索功能能够帮助找到一组相关的软件包,同时其内置的的 ...

  7. 2017年 JavaScript 框架回顾 -- React生态系统

    前一篇文章中,我们介绍了2017年 JavaScript 框架的整体情况.我们也了解到在众多的前端框架中,目前最为庞大又在快速增长的当属 React 了,本文就来重点介绍 React 的生态系统. 首 ...

  8. 2017年 JavaScript 框架回顾 -- 后端框架

    本文是2017年 JavaScript 框架回顾系列的最后的一篇文章,主要介绍 JavaScript 的后端框架情况. 从上图中可以看到,Express 作为用 JavaScript 编写的后端服务的 ...

  9. python 全栈开发,Day112(内容回顾,单例模式,路由系统,stark组件)

    一.内容回顾 类可否作为字典的key 初级 举例: class Foo(object): pass _registry = { Foo:123 } print(_registry) 执行输出: {&l ...

随机推荐

  1. Java开发系列-JDBC

    概述 JDBC(Java DataBase Connectivity,java数据库连接)是一种用于执行SQL语句的Java API,可以为多种关系数据库提供统一访问,它由一组用Java语言编写的类和 ...

  2. eclipse 克隆 https 地址的 Git 仓库报错:cannot open git-upload-pack

    解决方法:Window >Preferences >Team>Git>User settings点击Add Entry设置key:http.sslVerify value:fa ...

  3. [转]WPF的BitmapImage的文件无法释放及内存泄露的问题

    相信用过WPF的BitmapImage的,都在用类似这样的代码来解决文件无法删除的问题! 如果看看msdn上简单的描述,可以看到这样的说明: 如果 StreamSource 和 UriSource 均 ...

  4. https搭建:ubuntu nginx配置 SSL证书

    HTTPS 是什么? 根据维基百科的解释: 超文本传输安全协议(缩写:HTTPS,英语:Hypertext Transfer Protocol Secure)是超文本传输协议和SSL/TLS的组合,用 ...

  5. HTML - 超链接标签相关

    1. <!-- href : 要跳转的网页资源路径 title : 链接的标题, 鼠标移动到超链接上面会显示出来 target : 要跳转的网页资源的显示位置 _blank : 在新标签页中打开 ...

  6. 【BZOJ4561】[JLoi2016]圆的异或并

    传送门 把圆拆成上下两个圆弧,因为不存在相交关系,圆弧直接的上下关系是不变的. 用set维护这些圆弧,插入的时候upper_bound一下,如果找到的是上圆弧,就是我外面的第一个圆,否则我外面的第一个 ...

  7. Linux的CentOS上如何安装nginx

    1. 安装nginx前,首先要装好gcc和g++环境: 2. 在centOS上装nginx,需要PCRE.zlib和ssl的支持,出ssl外其他都需要从其官网上下载好,上传至服务器: 3. 接着将上传 ...

  8. VS2012 TFS 解决计算机改名无法连接TFS的问题

      闲着没事改了下计算机名字,结果造成TFS无法连接. 报错讯息如下: ---------------------------Microsoft Visual Studio-------------- ...

  9. Ubuntu 安装gnome桌面及vnc远程连接

    安装gnome桌面 sudo apt-get install gnome-core 安装vnc sudo apt-get install vnc4server 启动vnc vncserver 设置一下 ...

  10. 《DSP using MATLAB》Problem 8.25

    用match-z方法,将模拟低通转换为数字低通 代码: %% --------------------------------------------------------------------- ...