js简介
js的全称JavaScript 虽然名字含有Java 但是没有关系
ECMAScript和JavaScript的关系
1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。
该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。而是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。
因此ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。
ECMAScript的版本迭代
年份 | 名称 | 描述 |
1997 | ECMAScript 1 | 首个版本 |
1998 | ECMAScript 2 | 展示优化 |
1999 | ECMAScript 3 | 添加了正则表达式 添加了try/catch |
ECMAScript 4 | 没有发布 | |
2009 | ECMAScript 5 | 添加‘strict mode’严格模式 添加了SON支持 |
2011 | ECMAScript 5.1 | 版本变更 |
2015 | ECMAScript 6 | 添加类和模块 |
2016 | ECMAScript 7 | 增加指数运算符(**) 增加Array.prototype.includes |
js基础
1.注释语法
//单行注释
/*多行注释*/
2.引入js的多种方式
#head内script标签内填写
#head内script标签src属性引入外部js资源
#body内最底部通过srcipt标签src属性引入外部js资源(最常用)
ps:页面的加载和代码的加载都是从上到下 所以操作标签js代码一定要等待标签加载完毕再执行才可以正常执行 所以js代码会出现在好多地方
3.结束符号
分号变量与常量
'''
1.pycharm创建js文件或者html文件(适合编写较为复杂的js代码)
2.浏览器提供编写js代码的环境
'''
在js中声明变量需要使用关键字
var(全局变量)
var name = 'xiaochen';
let(局部变量)
let name = '哈哈哈';
ps:let是ECMA6新语法 可以在局部定义变量不影响全局 在js中声明常量也需要使用关键字
const(常量)
const pi = 3
var、let和const三个的区别
#let所声明的变量只在let命令所在的代码块内有效 不会改变全局
#const所什么声明的变量 一旦声明就无法改变其值基本数据类型
数值(Number)
JavaScript不区分整形和浮点型 就只有一种数值类型
var a = 12;
var b = 12.1;
var c = 123e5; // 12300000 e后面表示的是0的个数
var d = 123e-5; // 0.00123 e后面如果是负数则表示小数点的位数
NaN 表示不是一个数字 (Not a Number)存在的常用方法
parseint('123') // 返回123
parseint('aaa') // 返回NaN
parseFloat('123.123') // 返回123.123字符串(String)
var a = 'hello';
var b = 'world';
var c = a + b;
console.log(c); // helloworld 其中打印使用的是console.log
/格式化输出
`${变量名}`字符串常用方法
方法 | 说明 | 方法 | 说明 |
.length | 返回长度 | .concat | 拼接 |
.trim() | 移除空白 | .indexOf | 子序列位置 |
.trimLeft | 移除左边 | .substring | 根据索引获取子序列 |
.trimRight | 移除右边 | .slice() | 切片 |
.charAt | 返回第n个字符 | .split() | 分割 |
.toLowerCase | 小写 | .toLowerCase | 大写 |
布尔值(Boolean)
区别python 在JavaScript中 true和false都是小写(不能大写)
代表false有:(空字符串)、0、null、undefined、NaN
null和undefined吗
- null表示值是空 一般在需要指定或清空一个变量才会使用
- undefined表示当声明一个变量但未初始化时 变量的默认值是undefined 还有是函数没有明确的返回值时 也会返回undefined
对象(Object)
对象之自定义对象>>>类似于python字典
let d1 = {'name':'xiaochen',}
let d2 = new Object(); // 产生一个空字典对象之自定义对象>>>类似于python中的列表
数组对象的作用是:使用单独的变量名来存储一系列的值
var a = [111,222];常用的方法:
方法 | 说明 | 方法 | 说明 |
.length | 数组的大小 | .join | 将数组元素连接成字符串 |
.push | 尾部追加 | .concat | 连接数组 |
.pop | 弹出尾部元素 | .sort | 排序 |
.unshift | 头部拆入元素 | .forEach | 将数组的每个元素传递给回调函数 |
.shift | 头部移除元素 | .reverse | 反转 |
.slice | 切片 | .splice | 删除元素 并向数组添加新元素 |
.map | 映射 |
#froeach()
语法
foreach(function(currentValue,index,arr),thisValue)
参数的填写(如下图)
#splice()
语法
splice(index,howmany,item,...,itemX)
参数的填写(如下图)
#map()
语法
map(function(currentValue,index,arr), thisValue)
参数的填写(如下图)
运算符
1.算术运算符
+ - * / %
++(自增1) --(自减1)
var x=10;
var res1=x++; 加号在后面 先赋值后自增
var res2=++x; 加号在前面 先自增后赋值
2.比较运算符
!=: 值不等 弱
==: 值相等 弱
===: 值相等 强
!==: 值不等 强
# 强和弱指的是效果
eg:
1='1' 弱相等就是true 但是强相等要求类型也相等
3.逻辑运算符
&&(与 and) ||(或 or) !(非 not)流程控制
1.单if分支
if(条件){条件成立执行的代码}
2.if else 分支
if(条件){条件成立执行的代码}
else{条件不成立执行的代码}
3.if elif if else 分支
在python中是 elif 但在JavaScript中是 else if
if(条件1){条件1成立执行的代码}
else if(条件2){条件1不成立条件2成立执行的代码}
else{条件都不成立执行的代码}
4.当分支结构较多可以使用
switch(条件){
case 条件1:
条件1成立执行的代码;
break;
case 条件2:
条件2成立执行的代码;
break;
case 条件3:
条件3成立执行的代码;
break;
default:
条件都不满足执行的代码}
5.for循环
for(起始条件;循环条件;条件处理){
循环体代码
}
for(let i=0;i<10;i++){
console.log(i)
}
let dd = {'name':'xiaochen','age':18}
for(let k in dd){console.log(i)}
6.while循环
while(循环条件){循环体代码}
'''
三元运算
python中: 值1 if 条件 else 值2
js中: 条件?值1:值2
条件满足使用值1 不满足使用值2
'''函数
'''
python中函数的定义
def 函数名(形参):
'''函数注释'''
函数体代码
return 返回值
'''
function 函数名(形参){
// 代码注释
函数体代码
return 返回值
}
# 匿名函数
var s1 = function(a,b){
return a + b;
}
# 箭头函数
var f = v => v;
var f = function(v){return v;};
1.js中函数的形参与实参个数可以不对应
传少了就是undefined 传多了不用
2.函数体代码中有一个关键字arguments用来接收所有的实参
3.函数的返回值如果有过个需要自己处理成一个整体内置对象
var d = new Date();
//getDate() 获取日
//getDay () 获取星期
//getMonth () 获取月（0-11）
//getFullYear () 获取完整年份
//getYear () 获取年
//getHours () 获取小时
//getMinutes () 获取分钟
//getSeconds () 获取秒
//getMilliseconds () 获取毫秒
//getTime () 返回累计毫秒数(从1970/1/1午夜)
//toLocaleString() 获取当前时间(年月日 时分秒)
let dd = {name:'xiaochen',age:'18'}
JSON.stringify(dd) 序列化
JSON.parse(ss) 反序列化
定义正则两种方式
var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9]{5,11}")
var reg2 = /^[a-zA-Z][a-zA-Z0-9]{5,11}$/;
1.全局模式的规律
lastIndex
2.text匹配数据不传默认传undefined
