今日内容概要

• JS简介
• 变量与常量
• 基本数据类型
• 运算符
• 流程控制
• 函数
• 内置对象

今日内容详细

JS简介

全称JavaScript但是与Java一毛钱关系都没有 之所以这么叫是为了蹭Java的热度

它是一门前端工程师的编程语言 但是它本身有很多逻辑错误(不是很严谨)

IT行业鄙视链: 后端 > 前端、运维、测试、产品、老板
前端想一统天下:node.js
    
JS发展史>>>:JavaScript很容易学习

JS基础

1.注释语法
	// 单行注释
	/*多行注释*/
    
2.引入js的多种方式
	1.head内script标签内编写
	2.head内script标签src属性引入外部js资源
	3.body内最底部通过script标签src属性引入外部js资源(最常用)
	ps:注意页面的下载是从上往下的 所以操作标签js代码一定要等待标签加载完毕再执行才可以正常运行
        
3.结束符号
	分号(很多时候不写也没问题)

变量与常量

"""
1.python创建js文件或者html文件(适合编写较为复杂的js代码)
2.浏览器提供编写js代码的环境
"""
在js中声明变量需要使用关键字
	var
    	var name = 'guts';
    let
    	let name = 'guts';
    ps:let是ECMA6新语法 可以在局部定义变量不影响全局
在js中声明常量也需要使用关键字
	const
    	const pi = 3.14;

基本数据类型

"""
在JS中查看数据类型的方式 typeof
"""
1.数值类型(Number)
	在JS中整形与浮点型不分家 都叫Number
	NaN也属于数值类型 意思是:不是一个数字(Not A Number)

2.字符类型(String)
	单引号		'guts'
	双引号		"guts"
	模板字符串  `jason`
	let name1 = 'guts'
	let age1 = 18
	undefined
    let desc = `my name is ${name1} my age is ${age1}`

	1.字符串拼接推荐使用加号
	2.常见内置方法

3.布尔类型(Boolean)
	JS里面的布尔值与python不同
    	JS是纯小写的 而python是首字母大写

4.null与undefined
	null表示值为空(曾经拥有过) undefined表示没有定义(从来没有过)

5.对象(object)
	对象之数组(Array): 类似于python中的列表
        let l1 = []
	对象之自定义对象(Object):类似于python中的字典
        let d1 = {'name':'guts',}
        let d2 = new Object();  # 空字典 后续往里添加键值对
        d2.name='guts'  # 这样往里添加键值对

运算符

1.算术运算符
	+ - * / % ++(自增1) --(自减1)
		var x=10
        var res1=x++;	加号在后面	先赋值后自增
        var res2=++x;	加号在前面	先自增后赋值
2.比较运算符
	!=(值不等 弱) ==(值相等 弱) ===(值相等 强) !==(值不等 强)
    ps:弱强是根据会不会自动转换类型
3.逻辑运算符
	&&(与 相当与python中的and)
    ||(或 相当于python中的or)
    !(非 相当于python中的not)

流程控制

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很多还可以考虑使用switch语法
	switch(条件){
        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':'guts','age':18}
    for(let k in dd){
        console.log(k)
    }  # 打印键
    let dd = {'name':'guts','age':18}
    for(let k in dd){
        console.log(dd[k])
    }  # 打印值

while循环
	while(循环条件){
        循环体代码
    }

"""
三元运算
	python中:	值1 if 条件 else 值2
	JS中			条件?值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;
}

var f = () => 5;
var f = function(){return 5};

var sum = (num1, num2) => num1 + num2;
var sum = function(num1, num2){
    return num1 + num2;
}

1.JS中函数的形参与实参个数可以不对应
	传少了就是undefined 传多了不用
2.函数体代码中有一个关键字arguments用来接受所有的实参
3.函数的返回值如果由多个需要自己处理成一个整体

内置对象

var d = new Date();
getDate()		获取日
getDay()		获取星期
getMonth()		获取月
getFullYear()	获取完整年份
getYear()		获取年
getHours()		获取小时
getMinutes ()    获取分钟
getSeconds ()    获取秒
getMilliseconds () 获取毫秒
getTime ()       返回累计毫秒数(从1970/1/1午夜)

new Date().toLocaleString()
'2022/12/5 17:18:50'


let dd = {name: 'jason', 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,9}$/;
# 正则第一次判定完默认在结尾 第二次判断如果为false回到索引0的位置
1.全局模式的规律
	lastIndex   # 显示指针位置 可以判断正则起始位置 
2.test匹配数据不传默认传undefined