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 ...
随机推荐
- Foundation框架系列-NSDictionary
排序 对字典中的key按照字母升序排序 // NOTE: 排序,得出最终请求字串 NSArray* sortedKeyArray = [[tmpDict allKeys] sortedArrayUsi ...
- Luogu P2827 蚯蚓(模拟)
P2827 蚯蚓 题意 题目描述 本题中,我们将用符号\(\lfloor c\rfloor\)表示对\(c\)向下取整,例如:\(\lfloor 3.0\rfloor =\lfloor 3.1\rfl ...
- 【默默努力】react-drag-grid
先放项目地址:https://github.com/Bilif/react-drag-grid 项目运行效果 感谢无私开源的程序员 先看项目入口文件 //index.js import React f ...
- Android开发 多媒体提取器MediaExtractor详解_入门篇
前言 MediaExtractor字面意思是多媒体提取器,它在Android的音视频开发里主要负责提取视频或者音频中的信息和数据流(例如将视频文件,剥离出音频与视频).本章博客将讲解一些入门简单的东西 ...
- html-圣杯布局
1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 浮动: 搭建完整的布局框架 margin 为赋值:调整旁边两列的位置(使三列布局到一行上) 使用相对定位:调整旁边两列的位置(使两 ...
- 辨析JspWriter和PrintWriter
JspWriter和PrintWriter的区别? JspWriter相当于带缓冲的PrintWriter 如何控制out缓冲? 通过设置JSP页面page指令的buffer属性, 可以调整out缓冲 ...
- 廖雪峰Java11多线程编程-3高级concurrent包-6ExecutorService
Java语言内置多线程支持: 创建线程需要操作系统资源(线程资源,栈空间) 频繁创建和销毁线程需要消耗大量时间 如果可以复用一个线程 线程池: 线程池维护若干个线程,处于等待状态 如果有新任务,就分配 ...
- System.Web.Mvc.RedirectResult.cs
ylbtech-System.Web.Mvc.RedirectResult.cs 1.程序集 System.Web.Mvc, Version=5.2.3.0, Culture=neutral, Pub ...
- Redis List类型学习
- Leetcode951. Flip Equivalent Binary Trees翻转等价二叉树
我们可以为二叉树 T 定义一个翻转操作,如下所示:选择任意节点,然后交换它的左子树和右子树. 只要经过一定次数的翻转操作后,能使 X 等于 Y,我们就称二叉树 X 翻转等价于二叉树 Y. 编写一个判断 ...