首页 > 其他分享 >前端 - JaveScrip

前端 - JaveScrip

时间:2022-12-05 19:47:15浏览次数:39  
标签:代码 jason JaveScrip js let 条件 var 前端

今日内容

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)
微信图片_20221205151807

2.字符类型(String)

单引号 'jason'
双引号 "jason"
模板字符串 `jason`
格式化输出 
let name = 'jason'
let age = 18
let desc = `my name is ${name} my age is ${age}`

1.字符串拼接推荐使用+号

微信截图_20221205150957

2.常用内置方法

微信截图_20221205154348

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


  1. a-zA ↩︎

  2. a-zA-Z ↩︎

标签:代码,jason,JaveScrip,js,let,条件,var,前端
From: https://www.cnblogs.com/lzy199911/p/16953276.html

相关文章

  • 前端之JavaScript
    目录JavaScript一.JavaScript简介1.ECMAScript和JavaScript的关系2.JavaScript语言3.HTML、CSS、JavaScript二.JavaScript基础之语言规范1.如何使用?2.注释语法3.结束符三.J......
  • 怎么判断一个缺陷是前端缺陷还是后端缺陷?
    怎么判断一个缺陷是前端缺陷还是后端缺陷?似乎这个问题看起来应该挺简单的,但是根据我所遇到的问题,有时候遇到的问题看起来是后端缺陷,但其实是前端缺陷。有时候遇到的问题,......
  • 前端第四课---JS简介及其相关语法
    上周内容回顾边框属性border-上下左右-颜色、宽度、样式border-上下左右borderborder-raduis:50%盒子模型margin-上下左右marginpadding-上下左右pad......
  • 前端工程化
    相关概念(规范化、标准化)实际上的前端开发:模块化(对js的复用)、组件化(对UI结构和样式的复用)、规范化、自动化目前主流的前端工程化的解决方案:1、webpack:https://www.webp......
  • 前端开发(05)
    目录JS简介JS基础变量与常量基本数据类型数值(Number)布尔类型(boolean)未定义类型(undefined)null(空类型)null和undefined区别:数字类型字符串类型检测数据类型通过typ......
  • 前端知识之JS(javascirpt)
    目录JS简介JS基础1.注释语法2.引入JS的做种方式3.结束符号变量与常量基本数据类型1.数字类型(Number)2.字符类型(string)3.布尔类型(Boolean)4.null和underfined5.对象(obj......
  • 前端 word 导出
    前端的常规导出,一般是excel,下载图片什么。word的导出有点不太一样。导出前的准备,安装相关依赖importDocxtemplaterfrom'docxtemplater'importPizZipfrom'pizzi......
  • 精选、前端开发N个必备的 VSCode 插件
    目录​​一、汉化vscode​​​​二、vue2代码提示​​​​三、格式化高亮vue代码​​​​四、实时预览网页效果​​​​五、html标签​​​​六、格式化代码​​​​七、规......
  • 前端知识-05-Ajax
    一、简介AJAX即“Asynchronous Javascript And XML”,是指一种创建交互式网页应用的网页开发技术。AJAX=异步 JavaScript 和 XML(标准通用标记语言的子......
  • 前端知识-06-JSON
    什么是JSON?JSON指的是JavaScript对象表示法(JavaScript Object Notation)JSON是轻量级的文本数据交换格式JSON独立于语言 *JSON具有自我描述性,更易理解* ......