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 ...
随机推荐
- LeetCode 21. 合并两个有序链表(Python)
题目: 将两个有序链表合并为一个新的有序链表并返回.新链表是通过拼接给定的两个链表的所有节点组成的. 示例: 输入:1->2->4, 1->3->4 输出:1->1-&g ...
- 7款外观迷人的HTML5/CSS3 3D特效按钮特效
下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效,有几个还挺实用的,分享给大家. 1.CSS3超酷3D弹性按钮 按钮实现非常简单 之前我们分享过几款不错的CSS3 3D立体按钮,比如 ...
- php7 mysql_pconnect() 缺失 解决方法
php7 兼容 MySQL 相关函数 PHP7 废除了 ”mysql.dll” ,推荐使用 mysqli 或者 pdo_mysql http://PHP.net/manual/zh/mysqlinfo ...
- 关于join的一些补充
1, 为什么join是string的method而不是list的method http://effbot.org/pyfaq/why-is-join-a-string-method-instead-o ...
- SQLite C++操作种
SQLite C++操作类 为了方便SQLite的使用,封装了一个SQLite的C++类,同时支持ANSI 和UNICODE编码.代码如下: 头文件(SQLite.h) /************ ...
- 小米手机的miui10 连接电脑。本地播放器推荐。
问题: 电脑连接了手机却不能看到手机里面的文件. 方法一 方法二 连接和电脑一样的wifi 进入文件管理 来自:百度经验. 本地播放器推荐 爱奇艺万能播放器(还不错,目前在用).qq影音 爱奇艺万能播 ...
- Cesium官方教程8-- 几何体和外观效果
原文地址:https://cesiumjs.org/tutorials/Geometry-and-Appearances/ 几何体和外观效果(Geometry and Appearances) 这篇教 ...
- java浮点运算的陷阱
首先呢,i你要明白double和float. Inifinity: 例如:syso(5.0/0.0+" 和"+0.0 /0.0); 浮点运算的0.0不是真正意义上的0,而是非常接近 ...
- java实现从实体到SQL语句的转换
使用过Hibernate,EF之类的ORM框架都知道一般的CRUD之类的简单操作,只要调用框架封装好了的方法,框架就自动生成相应的SQL语句了,参照实习公司给的代码,那个是C#版的,今天弄了一下jav ...
- RocketMQ补偿方案架构设计
RocketMQ作为消息中间件,在系统异步化架构中,应用非常广泛.但是我们在享用RocketMQ的同时,也不能百分百完全信赖它.一旦RocketMQ崩溃了,给我们业务带来的也将是毁灭性打击. 因此,我 ...