前端 - JaveScrip
今日内容
JS简介
全程JaveScript但是与Jave没有关系 知识为了蹭Jave热度
它是一门前端工程师的编程语言 但是它本身有很多逻辑错误
IT行业鄙视链:前端、运维、测试、产品
前端想一统天下:node.js
JS发展史>>>:JavaScript很容易学习
JS基础
1.注释语法
//单行注释
/*多行注释*/
2.引入js的多种方式
1.hend内script标签内编写
2.head内script标签src属性引入外部js资源
3.body内最底部通过script变迁src属性引入外部js资源(最常用)
ps:注意页面的下载是从上往下的 所以操作标签js代码一定要等待标签加载完毕再执行才可以正常运行
3.结束符号
;(可写可不写)
变量与常量
变量
js的变量名可以使用_,数字,字母,$组成 不能用数字开头
在js中声明变量需要使用关键字
var
var name='jason'
let
let name='jason'
name = 'kevin' 直接改数据值
ps:let是ECMA6新语法 可以在局部定义变量影响全局
常量
在js中声明常量也是需要关键字
const
const=666
值不能改变
基本数据类型
在js中查看数据类型的方式是typeof
1.数值类型(Number)
在JS中整型与浮点型不分家 都叫Number
NaN也是属于数值类型 意思是:不是一个数字(Not A Number)
2.字符类型(String)
单引号 'jason'
双引号 "jason"
模板字符串 `jason`
格式化输出
let name = 'jason'
let age = 18
let desc = `my name is ${name} my age is ${age}`
1.字符串拼接推荐使用+号
2.常用内置方法
3.布尔值(Boolean)
js里面的布尔值与python不同
js是纯小写 python是首字母大写
''、0、null、undefined、NaN都是false
4.null和undefined
null 表示值为空(曾经拥有过)
undfinded 表示没有定义过(从来没有)
5.对象(object)
对象之数组(Array)>>>>:类似于python中的列表
let l1 = [11,22,33]
对象之自定义对象(object)>>>>:类似于python中的字典
let d1 = {'name':'jason'}
let d2 = new Object()
d2.name='jason'
获取值可以直接用对象名.k
运算符
1.算术运算符
+ - * / % ++(自增1) --(自减1)
var x=10
var res1=x++ 加号在后面 先赋值后自增
var res2=++x 加号在前面 先自增后赋值
2.比较运算符
!=(值不等 弱) ==(值相等 弱) ===(值相等 强) !==(值不等 强)
3.逻辑运算符
&&(与) ||(或) !(非)
流程控制
if
1.单if分支
if(分支条件){
条件成立执行的代码
}
2.if....else分支
if(分支条件){
条件成立执行的代码
}else{
条件不成立执行的代码
}
3.if...else if...else 分支
if(条件1){
条件1成立执行的代码
}else if(条件2){
条件1不成立 条件2成立执行的代码
}else{
条件1和条件2都不成立执行的代码
}
4.如果分支结构中else if很多还可以考虑使用swithch语法
seitch(条件){
case 条件1:
条件1成立执行的代码;
break;如果没有break会基于某个case一致执行下去
case 条件2:
条件2成立执行的代码;
break
case 条件3:
条件3成立执行的代码;
break;
case 条件4:
条件4成立执行的代码;
break;
default:
条件都不满足执行的代码
}
for循环
for(起始条件;循环条件;条件处理){
循环体代码
}
for(let i=0;i<10;i++){
console.log(i)
}
let dd = {'name':'jason','age':18}
for(let k in dd){
console.log(k)
}
while循环
while(循环条件){
循环体代码
}
三元运算
python中:
值1 if条件 else 值2
js中:
条件?值1:值2
函数
function 函数名(形参){
//函数注释
函数体代码
return 返回值
}
匿名函数
var s1=function(a,b){
return a+b;
}
不用加函数名
箭头函数
var f = function(v){
return v;
}
简写:
var f = v => v;
1.js中函数的形参与实参个数可以不对应
传少了就是undefined 传多了不用
2.函数体代码中有一个关键字arguments用来接收所有实参(不能多也不能少)
3.函数的返回值如果有多个需要自己处理成一个整体
函数的全局变量和局部变量
和python中一样
内置对象
内置对象 | |
---|---|
getDate() | 获取日 |
getDay() | 获取星期 |
getMonth() | 获取月(0-11) |
getFullYear() | 获取完整年份 |
getYear() | 获取年 |
getHours() | 获取小时 |
getMinutes() | 获取分钟 |
getSeconds() | 获取毫秒 |
getTime() | 返回累计毫秒数 |
JSON对象
JSON.stringify(dd) 序列化
JSON.parse(ss) 反序列化
正则表达式
定义正则的两种方式:
var reg1 = new RegExp("[1][a-zA-Z0-9{}]")
var reg2 = /[2][a-zA-Z0-9]{5,9}$/
1.全局模式的规律
lastINdex
2.test匹配数据不传默认传undefined