HTML JavaScript 基础(下)
一、JavaScript 函数
1、普通函数-有函数名
function func(){
}
2、匿名函数-无函数名
setInterval(function(){
console.log(123);
},5000)
3、自执行函数
多数情况下可能会引入别人的js,如果别人的js函数重复,会导致一个不能用,为了避免这个问题,把内部所有的功能放到函数里面。做成一个嵌套函数。
但是如果外面的函数名也有重复,怎么处理,就外边的函数没有名字,并且自动执行一下。
自执行函数怎么写呢?
// ()():第一个括号function,第二个括号传实参。创建函数,并且自动执行
(function(arg){
console.log(arg);
})(1)
二、JavaScript 序列化及转义
常用的序列化操作
li = [11,22,33,44]
s = JSON.stringify(li) // 把对象转化为字符串
newL = JSON.parse(s) // 把字符串转化为对象
转义
比如网上搜一个东西,网址自动变成了%等一些内容
> url = "https://www.sogou.com/web?query=时间"
< "https://www.sogou.com/web?query=时间"
> newUrl = encodeURI(url) // 转义
< "https://www.sogou.com/web?query=%E6%97%B6%E9%97%B4"
> decodeURI(newUrl) // 转回原格式
< "https://www.sogou.com/web?query=时间"
> newUrl = encodeURIComponent(url) // 全部转义
< "https%3A%2F%2Fwww.sogou.com%2Fweb%3Fquery%3D%E6%97%B6%E9%97%B4"
默认http请求不是长链接,连一次就断了,但是网站有保持登录一个月,怎么实现的。
一般登录成功后,网站会给你发一段字符串过来,把它保存在硬盘的某个地方。这就是cookie。
客户端(cookie) => 服务器端 。 将数据经过转义后,保存在cookie
escape( ) // 对字符串转义
unescape( ) // 给转义字符串解码
URIError // 由URl的编码和解码方法抛出
三、eval 以及时间操作
- eval
在python中:
val = eval(" 1+1 ") # 表达式
exec(" 1+2 ") # 比如for循环。但exec只是执行,没有返回值,返回值为None
在JavaScript中:
eval :功能是python里eval和exec的合集
- 时间操作
> d = new Date()
Mon Nov 28 2016 22:46:33 GMT+0800 (中国标准时间)
> d.getMinutes()
46
> n = d.getMinutes() + 12
58
> d.setMinutes(n)
1480345113329
> d
Mon Nov 28 2016 22:58:33 GMT+0800 (中国标准时间) // Date类
// var d = new Date() 当前时间
// d.getXXX 获取
// d.setXXX 设置
四、JavaScript 作用域
1、JavaScript 以函数作为作用域 (let除外)
- java、c、c# 等语言是以“{}”代码块 作为作用域的。
- Python中:作用域是以函数作为作用域的。
- JavaScript:也是以函数作为作用域的
2、函数的作用域在函数未被调用之前,已经创建
3、函数的作用域存在作用域链,并且也是在被调用之前创建
作用域链:嵌套函数,作用域一层套一层
以下三个示例,分别会输出什么?
// 示例一:
xo = "alex";
function func(){
// var xo = 'eric';
function inner(){
// var xo = 'tony';
console.log(xo);
}
inner()
}
func() // 返回结果为'alex' // 示例二:
xo = "alex";
function func(){
var xo = 'eric';
function inner(){
console.log(xo);
}
return inner;
}
var ret = func()
ret() // 返回结果为'eric' // 示例三:
xo = "alex";
function func(){
var xo = 'eric';
function inner(){
console.log(xo);
}
var xo = 'tony';
return inner;
}
var ret = func()
ret() // 返回的是'tony'
// 注:浏览器console中换行,使用shift+回车
函数的作用域存在作用域链,并且也是在被调用之前创建.
4、函数内局部变量 声明提前
// 示例一:
function func(){
console.log(xxoo);
}
func();
// 程序直接报错 function func(){
console.log(xxoo);
var xxoo = 'alex';
}
// 解释过程中:var xxoo;
func();
// undefined
未赋值变量,提前声明为 undefined.
> var fgf
undefined
> fgf
undefined
五、JavaScript面向对象
- this代指对象(python self)
- 创建对象时, new 函数名()
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()
上面那么写可以,但是有个问题,里面有些内容被重复定义了,sayName这个方法在每个对象里都被重复定义了一次。
- 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.prototype = {
'sayName': function(){
console.log(this.name)
}
} obj1 = new Foo('we');
obj1.sayName() obj2 = new Foo('wee');
六、JavaScript 词法分析解析
如下代码,分别会对应输出什么?
function t1(age){
console.log(age); // function age()
var age = 27;
console.log(age); // 27
function age(){} // 执行时,因为没有调用,所以执行时不考虑
console.log(age); // 27
} t1(3);
active object ——> 简称AO
1. 形式参数
2. 局部变量
3. 函数声明表达式(优先级比较高)
下面开始分析:
- 形式参数:
AO.age = 3; - 局部变量:
AO.age = 27; - 函数声明表达式
AO.age = function()
作用域值的分析,也可以通过词法分析,去分析。具体的词性分析内容见另一篇博文:
http://www.cnblogs.com/zoe233/p/7507828.html
HTML JavaScript 基础(下)的更多相关文章
- 02.JavaScript基础下
运算符 算术:+ 加.- 减.* 乘./ 除.% 取模 实例:隔行变色.秒转时间 赋值:=.+=.-=.*=./=.%= 关系:<.>.<=.>=.==.===.!=(不等). ...
- Web前端-JavaScript基础教程下
Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
随机推荐
- PTA 7-42 整型关键字的散列映射(手写哈希表的线性探测法)
本题考点: 整型哈希表的线性探测法 给定一系列整型关键字和素数P,用除留余数法定义的散列函数将关键字映射到长度为P的散列表中.用线性探测法解决冲突. 输入格式: 输入第一行首先给出两个正整数N(≤10 ...
- SpringMVC(四):数据处理和过滤器
本文是按照狂神说的教学视频学习的笔记,强力推荐,教学深入浅出一遍就懂!b站搜索狂神说或点击下面链接 https://space.bilibili.com/95256449?spm_id_from=33 ...
- Vulnhub homeless靶机渗透
信息搜集 nmap -sP 192.168.146.6 nmap -A -Pn 192.168.146.151 直接访问web服务. 大概浏览一下没发现什么,直接扫描下目录把dirb+bp. BP具体 ...
- DevEco Toolkit使用指南--平行视界
高效开发和创新业务是开发者一直追求的目标,当接到开发需求时,如果可以找到现成的API调用,能为开发者节省大把时间,将会留有更多的时间进行业务的创新.华为DevEcoToolkit聚合了华为丰富的开 ...
- 判断一组checkbox/redio是否被选中,为其添加样式
业务场景:当一行中有一个CheckBox被选中,则为此行添加class. <script type="text/javascript"> $(function(){ $ ...
- 一个不错的intellj 相关的博客
http://my.oschina.net/lujianing/blog?catalog=3300430
- Css3 新增的属性以及使用
Css3基础操作 . Css3? css3事css的最新版本 width. heith.background.border**都是属于css2.1CSS3会保留之前 CSS2.1的内容,只是添加了一些 ...
- 别再问我 new 字符串创建了几个对象了!我来证明给你看!
我想所有 Java 程序员都曾被这个 new String 的问题困扰过,这是一道高频的 Java 面试题,但可惜的是网上众说纷纭,竟然找不到标准的答案.有人说创建了 1 个对象,也有人说创建了 2 ...
- Salesforce 开发 | Salesforce与微信集成实操指南
配置前须知 Salesforce通过试点对特定客户提供Lightning WeChat Messaging,该试点需要同意特定的条款.除非Salesforce宣布WeChat Messaging全面可 ...
- mvc传递json数据到view简单实例
基于extjs4.2 controller //存储数据的类 public class DataLink { public string Name { get; set; } public strin ...