JavaScript扫盲笔记：
JavaScript学习： JavaScript代码存在形式：
-Head中
<script> </script>
-文件
<script src='代码所在路径'></script>
-PS:放在<body>标签内部最下方 注释：
单行//
多行/* .....*/ 变量： python：
name = 'alex'
JavaScript:
name = 'alex' # 全局变量
var name = 'eric' # 局部变量 写Js代码：
- html文件中编写
- 临时，浏览器的终端 console 基本数据类型
数字
a = 18;
将字符串转换为数字
age = ‘18’
age =parseInt(age);
字符串
a = "alex"
a.chartAt(索引位置)
a.substring(起始位置，结束位置)
a.lenght 获取当前字符串长度
obj.length 长度
obj.trim() 移除空白
obj.trimLeft()
obj.trimRight)
obj.charAt(n) 返回字符串中的第n个字符
obj.concat(value, ...) 拼接
obj.indexOf(substring,start) 子序列位置
obj.lastIndexOf(substring,start) 子序列位置
obj.substring(from, to) 根据索引获取子序列
obj.slice(start, end) 切片
obj.toLowerCase() 大写
obj.toUpperCase() 小写
obj.split(delimiter, limit) 分割
obj.search(regexp) 从头开始匹配，返回匹配成功的第一个位置(g无效)
obj.match(regexp) 全局搜索，如果正则中有g表示找到全部，否则只找到第一个。
====match示例：返回数组，()为分组================================
var str = 'For more information, see Chapter 3.4.5.1';
var re = /see (chapter \d+(\.\d)*)/i;
var found = str.match(re);
console.log(found);
// 输出 [ 'see Chapter 3.4.5.1', 'Chapter 3.4.5.1', '.1',
// index: 22,
// input: 'For more information, see Chapter 3.4.5.1' ]
obj.replace(regexp, replacement) 替换，正则中有g则替换所有，否则只替换第一个匹配项，
$数字：匹配的第n个组内容；
$&：当前匹配的内容；
$`：位于匹配子串左侧的文本；
$'：位于匹配子串右侧的文本
$$：直接量$符号
================================================================================
定时器
循环：setInterval('f1();',2000) #（执行函数，毫秒数）
函数名
function f1(){
}
...
列表(数组)
a = [11,22,33] obj.length 数组的大小
obj.push(ele) 尾部追加元素
obj.pop() 尾部获取一个元素
obj.unshift(ele) 头部插入元素
obj.shift() 头部移除元素
obj.splice(start, deleteCount, value, ...) 插入、删除或替换数组的元素
obj.splice(n,0,val) 指定位置插入元素
obj.splice(n,1,val) 指定位置替换元素
obj.splice(n,1) 指定位置删除元素
obj.slice( ) 切片
obj.reverse( ) 反转
obj.join(sep) 将数组元素连接起来以构建一个字符串
obj.concat(val,..) 连接数组
obj.sort( ) 对数组元素进行排序 字典
a = {'k1':'v1','k2':'v2'}
布尔类型:
小写
条件判断：
== 比较值相等
!= 不等于
=== 比较值和类型相等
!=== 不等于
|| 或/or
&& 且/and for循环
1. 循环时，循环的元素是索引(数组为下标，字典为key) a = [11,22,33,44]
for(var item in a){
console.log(item);
} a = {'k1':'v1','k2':'v2'}
for(var item in a){
console.log(item);
} 2.
for(var i=0;i<10;i=i+1){ } a = [11,22,33,44]
for(var i=0;i<a.length;i=i+1){ } 不支持字典的循环
switch (name) {
case '1':
console.log('name 等于1');
default:
console.log('default');
} 条件语句
if(条件){ }else if(条件){ }else if(条件){ }else{ } == 值相等
=== 值和类型都相等
&& and
|| or 函数： 普通函数：
function 函数名(a,b,c){ } 函数名(1,2,3)
function (形式参数) {
return XXX
}
匿名函数：
setInterval (function(){
console.log('1')
},5000)
自执行函数：(创建函数，并且自动执行)
function func() { }
func()
即：(function (arg){
console.log(arg)
})(arg=10)
测试用例：(function(arg){a = 0;while (a < arg){ console.log(a);a++}})(10)
序列化：
li = [1,22,33,33,22,33,534,345,1]
列表转换为字符串：JSON.stringify(li)
str1 = '[1,22,33,33,22,33,534,345,1]'
字符串转换为列表/字典：JSON.parse(str1)
转义：转义
decodeURI( ) URl中未转义的字符
decodeURIComponent( ) URI组件中的未转义字符
encodeURI( ) URI中的转义字符
encodeURIComponent( ) 转义URI组件中的字符
escape( ) 对字符串转义
unescape( ) 给转义字符串解码
URIError 由URl的编码和解码方法抛出
url = 'https://www.baidu.com/queuery=哈哈'
"https://www.baidu.com/queuery=哈哈"
encodeURIComponent(url)
"https%3A%2F%2Fwww.baidu.com%2Fqueuery%3D%E5%93%88%E5%93%88"
encodeURI(url)
"https://www.baidu.com/queuery=%E5%93%88%E5%93%88"
eval
python里：
val = eval(表达式，有返回值)
exec(执行代码，无返回值)
JavaScript里面：
功能等于python的集合。放表达式或者代码都行
时间： 获取当前时间
var now = new Date() now
Fri Nov 02 2018 23:09:51 GMT+0800 (中国标准时间)
now.getMinutes()/*获取分钟*/
9
now.setMinutes(33) /*修改当前时间*/
1541172831562
now
Fri Nov 02 2018 23:33:51 GMT+0800 (中国标准时间) 作用域：
其他语言：
以代码块作为作用域
例java：
public void Func() {
if (1==1) {
string name = 'java';
}
console.writeline(name);
}
--此段程序会报错：console.writeline找不到name
python:
以函数作为作用域
JavaScript：
一、以函数作为作用域，存在作用域链(一个变量从最里面的函数依次递归向上一级寻找，找到即取值)
二、函数的作用域在未被调用之前就已经创建，
例：
xo = 'alex'
function func () {
var xo = 'zhangmingda'
function inner(){
console.log(xo)
}
return inner;
}
var ret = func()
ret()
-执行结果：打印xo输出内部函数的变量值‘zhangmingda’
三、函数内局部变量，声明提前。
例：
function func() {
console.log(xxoo);
var xxoo = 'alex';
console.log(xxoo)
}
解释：若var xxoo = 'alex'; 不写，则程序报错。若写了，第一行不报错，因为在函数中，遇到变量内部自己会首先做一个声明var 变量名 值默认为undefined
JavaScript扫盲笔记：的更多相关文章
- JavaScript基础笔记二
一.函数返回值1.什么是函数返回值 函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变 ...
- JavaScript基础笔记一
一.真假判断 真的:true.非零数字.非空字符串.非空对象 假的:false.数字零.空字符串.空对象.undefined 例: if(0){ alert(1) }else{ alert(2) } ...
- Java程序猿的JavaScript学习笔记（汇总文件夹）
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
- javascript - 工作笔记 （事件四）
在javascript - 工作笔记 (事件绑定二)篇中,我将事件的方法做了简单的包装, JavaScript Code 12345 yx.bind(item, "click&quo ...
- Java程序猿的JavaScript学习笔记（8——jQuery选择器）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿JavaScript学习笔记（2——复制和继承财产）
计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...
- Java程序猿的JavaScript学习笔记（3——this/call/apply）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- 你不知道的JavaScript上卷笔记
你不知道的JavaScript上卷笔记 前言 You don't know JavaScript是github上一个系列文章 初看到这一标题的时候,感觉怎么老外也搞标题党,用这种冲突性比较强的题目 ...
- Java程序猿JavaScript学习笔记（4——关闭/getter/setter）
计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...
随机推荐
- 明明pip安装python的模块了，pycharm还是找不到的解决方案
以前pycharm的安装包和python的环境一直都不能融合在一起,到了今天才知道,原来他们都是有自己的工作环境的 自己的工作环境(虚拟解释器)和安装python的工作环境(基本解释器)不是一个环境, ...
- npm 配置 registry 以及使用 nrm
由于众所周知的原因,我们的内网链接互联网时非常不稳定,速度慢而且经常下载失败.为了提高下载安装 npm 包的体验,很多人都会把 npm 的 registry 配置成国内镜像,我们一般用的比较多的就是淘 ...
- 服务API版本控制设计与实践
一.前言 笔者曾负责vivo应用商店服务器开发,有幸见证应用商店从百万日活到几千万日活的发展历程.应用商店客户端经历了大大小小上百个版本迭代后,服务端也在架构上完成了单体到服务集群.微服务升级. 下面 ...
- 【Pathview web】通路映射可视化
前言 pathview是一个通路可视化友好的R包,最主要的是它支持多组学数据映射(基因/蛋白-代谢).自己用过它的R包,后来发现有网页版的,果断介绍给学员.因为不常用,记录要点,以后温习备用. 目前w ...
- vim ——批量注释
1111. ctrl+v进入列编辑模式,在编辑模式中,在行间上下移动光标,选择需要编辑哪些行的对应的列,之后使用I(大写)进入列插入.插入注释符,按两次Esc退出列编辑模式即可实现多行注释 删除注释: ...
- Linux命令行批量删除文件（目录）
快速-批量删除文件或目录 1-1.快速删除大文件夹(注意目录后的结束符'/')(对于含有海量文件的目录,不能直接rm -rf删除,这样效率很慢:) rsync -a --delete blank/ t ...
- php header下载文件 无法查看原因
php header下载文件 无法查看原因 php header下载文件 下方函数可以下载单个文件 function download($file_url){ if(!isset($file_url) ...
- 7 — 简单了解springboot中的thymeleaf
1.官网学习地址 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html 2.什么是thymeleaf? 一张图看明白: 解读: ...
- 一个专业处理字符串的IDEA插件
字符串处理想必是小伙伴们平时开发时经常碰到的一个 "难题".为什么要打上引号?因为你说他难吧,其实也不是什么特别复杂的事:你说他不难吧,弄起来还真挺麻烦的,像删除其中空行啊.切换大 ...
- android studio 使用 aidl（一）基础用法
最近公司需要开发一个项目用的到aidl,之前研究过eclipse版本的,但是好久了一直没用,现在需要捡起来,但是现在都用android studio了,所以查了下资料 都不是很全,我在这里总结一下,方 ...