JavaScript

最新推荐文章于 2024-06-07 09:30:28 发布
最新推荐文章于 2024-06-07 09:30:28 发布
阅读量654 收藏
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/commeil/article/details/122821001
版权

JS基础

js组成

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WWivEud1-1644291773184)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206144716812.png)]

helloworld

js需要写到html/head/script标签中

从上到下一行行执行

  1. 控制浏览器弹出一个警告框

    alert

  2. 让计算机在页面中输出一个内容

​ document.write()可以向body中输出一个内容

  1. 向控制台输出一个内容，页面不显示

​ console.log("");

  1. 弹出输入框

    prompt（）

编写位置

  1. 写在body中

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BDq834ua-1644291773185)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205145343368.png)]

  2. 写在head中

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CqlFongP-1644291773186)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205145500186.png)]

  3. 写到外部js文件后引入

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pC797Ocd-1644291773186)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205145842540.png)]

基本语法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VN7yt88Y-1644291773186)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205151022739.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-130BUNBz-1644291773187)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205151440020.png)]

多行注释快捷键 shift+alt+a

字面量和变量

image-20220206145504288

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dTi4Bt8p-1644291773187)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205151823967.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dzx3oyrh-1644291773188)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206174411718.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tcDNNKX4-1644291773188)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205151924246.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uOYRn4AW-1644291773189)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206150054670.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iPmHUnsf-1644291773189)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206150320240.png)]

变量命名规范

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NiaF4bk6-1644291773189)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206150515848.png)]

小结

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ASZ9SKom-1644291773190)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206151201883.png)]

标识符

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NMsCrB5P-1644291773190)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205153643444.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0nPHGwv2-1644291773190)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205153200382.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DcMpxase-1644291773191)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205153301293.png)]

基本数据类型

js的变量数据类型是只有在程序运行时根据等号右边的值确定的

js是动态语言，变量的数据类型是可以变化的

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0AnqbxO5-1644291773191)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206151737118.png)]

string字符串

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2QH1UkBS-1644291773192)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205160232595.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t2fh3Dtn-1644291773192)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206154804734.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-J1YsCf8s-1644291773192)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206161359121.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8ox6n6vs-1644291773193)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206173434037.png)]

number

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uzt6dRfY-1644291773193)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205161306633.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TJS4kTFB-1644291773193)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205161508110.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CTteHLwB-1644291773194)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205162426627.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NFouDY5Q-1644291773194)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205163924144.png)]

所有语言都有这个问题

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZfdodvgT-1644291773194)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206152923217.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-18eV82wr-1644291773195)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206153008915.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YDVnGhnb-1644291773195)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206153032483.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bUTfXK0T-1644291773195)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206154623573.png)]

布尔值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-npytPD1m-1644291773196)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205164352083.png)]

null、undefined

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2KVvlDvJ-1644291773196)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220205164704846.png)]

强制转换数据类型

转换为string

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o8WETfWa-1644291773196)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206135612129.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NaK4pVZR-1644291773197)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206140118165.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-z7PGIFEI-1644291773197)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206140611451.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3pJcJfoH-1644291773197)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206174727700.png)]

第三种称为隐式转换

转换为number

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5fnQQb8u-1644291773198)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206141221025.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SxF9Irz3-1644291773198)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206141306796.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L7qbwV7s-1644291773199)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206142021481.png)]

（仅对有效值作用，字母和第二个小数点后的字不显示）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VtT7DYLA-1644291773199)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206175222181.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-V3gHRpOl-1644291773200)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206175615166.png)]

转换为布尔值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-e0Hv8Xe5-1644291773200)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206190413512.png)]

算数运算符

+。-。*。/。%（取余）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pAAPGNDF-1644291773201)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206195608299.png)]

递加递减

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dx0HMuIG-1644291773201)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206195828809.png)]

  • 前置

​ ++age意为age=age+1

age=10 ，num=++age + 10时 num=21 age=10

先自加后运算

  • 后置

​ age++单独使用时与前置相同

age=10 ，num=age++ + 10时 num=20 age=11

先返回原值，后自加1

比较运算符

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L6ppvAno-1644291773201)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206201602680.png)]

==默认转换数据类型，会把字符串型的数据转换成数字型

===要求两侧的值和数据类型完全一样

逻辑运算符

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7tKTefZx-1644291773202)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206201732123.png)]

逻辑中断

与1&&2

1为真则返回2，1为假则返回1

或1||2

1为真则返回1，1为假则返回2

空 否定 0为假 其余为真

赋值运算符

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TB8BJkPl-1644291773202)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206204452551.png)]

运算符优先级

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7SXV3HRp-1644291773203)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206204720990.png)]

流程控制

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L7RQddxn-1644291773203)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206211203793.png)]

分支结构

if分支语句

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lsnCNBSq-1644291773203)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206211552797.png)]

ifelse双分支语句

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SLzcnFcF-1644291773204)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206212436954.png)]

if else if多分支语句

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1RSZB7cZ-1644291773204)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206225437391.png)]

三元表达式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iVaZGVyj-1644291773204)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220206231657769.png)]

switch

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VNzkNyQw-1644291773205)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220207200019815.png)]

有确定值时适合用switch

当表达式与value1全等时才执行语句1

如果当前case里没有break则不会跳出switch，继续执行下一个语句

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lhNpHkYv-1644291773205)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220207210514224.png)]

循环结构

循环的目的：重复执行某些代码

三元表达式

[外链图片转存中…(img-iVaZGVyj-1644291773204)]

switch

[外链图片转存中…(img-VNzkNyQw-1644291773205)]

有确定值时适合用switch

当表达式与value1全等时才执行语句1

如果当前case里没有break则不会跳出switch，继续执行下一个语句

[外链图片转存中…(img-lhNpHkYv-1644291773205)]

循环结构

循环的目的：重复执行某些代码

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LNSwy9R1-1644291773205)(C:\Users\commeil\AppData\Roaming\Typora\typora-user-images\image-20220207213900077.png)]

commeil
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript
02-10
javascript官方文档，web前端师的权威文档，web前端的
JavaScript JavaScript JavaScript
最新发布
06-26
JavaScript JavaScript JavaScript
所谓的中间代码（ES5 的 “JSIL”）
weixin_33778544的博客
12-31 366
脚本 for (var i in obj) { obj[i] = i * 2 + 1; } 寄存器版JSIL /*literial registers L0 'i' identifier L1 'obj' identifier L2 2 number L3 1 number */ LVA $0, L1 ...
探索跨平台的奇迹：JSIL——.NET到JavaScript的魔幻桥梁
gitblog_00046的博客
06-07 314
探索跨平台的奇迹：JSIL——.NET到JavaScript的魔幻桥梁 项目地址:https://gitcode.com/sq/JSIL 项目介绍 在浩瀚的技术海洋中，有一座桥梁连接了两个看似遥远的世界——.NET与Web。它就是JSIL，一个独特的编译器，能够将.NET的应用程序和库从其本机CIL（公共中间语言）字节码转换为标准兼容的、跨浏览器的JavaScript代码。这意味着开发者可以将原...
js中的drag拖拽模板
qq_44161703的博客
09-20 222
直接使用函数就行 要看一下上面的注释。
js“三元表达式” （三元运算符）
热门推荐
gogaogao的博客
12-14 5万+
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/liu_jiachen/article/details/73251172 前言 各位大神，大家好，相约周三。我们又见面了。 众所周知，三元表达式在代码量上比if…else语句更简洁一些。但是博主在可读性上更加偏向于if…else语句。三元表达式不仅在js中使用，在很多后台程序语言，比如java、php中都有使用，不过在js中对于三元表达式的要求貌似
js---三元表达式详解
最爱松露巧克力
11-17 5803
三元表达式是JS中最为常用的快捷判断语句之一。当判断条件成立时，返回结果1，否则返回结果2。这是JS中最为基本的三元表达式形式。以上代码的意思是：当成绩大于90分时，返回字符串'优秀'；当成绩大于等于80分时，返回字符串'良好'；否则返回字符串'不及格'。运行以上代码，输出结果为'良好'。通过以上代码，我们可以看到三元表达式的嵌套应用，其思想类似于if-else语句的嵌套判断。同时，三元表达式也能够完成复杂的条件判断。
JavaScript实例大全
12-19
这个压缩包“JavaScript实例大全”显然是一份集合了多种JavaScript相关资源的宝典，包括“JavaScript网页设计300例”、“javascript源码大全”以及“jquery 1.7 中文 api 修正版”。 首先，“JavaScript网页设计300...
JAVASCRIPT HashTable
10-31
JAVASCRIPT HashTable
JS三目运算(三元运算)方法详解
12-07
1、什么是三目运算：(布尔表达式 ? 值0:值1;) 5>3?alert(‘5大’):alert(‘3大’); 即    if(5>3){alert(‘5大’)}else{alert(‘3大’)}; 注意：三目运算和if(){}else{}的 区别是三目运算有返回值 例如： var max = a>b?a:b; 2、多条件的三目运算怎么写： 实例：根据学生成绩判定ABCD四个等级 var result = (sc<0>100) ?(“分数无效”): sc>=90?(“A”):   sc>=80?(“B”):    sc>=60?(“C”):(“D”); 注意： 计算时需考虑优先级问
javascript三元表达式
老段的CSDN的博客
01-23 9136
javascript三元表达式 1、一元表达式是 ：10 2、二元表达式是 ： 3+5 3、三元表达式是 ： ？ ： 废话不多说 上代码 总结 ： 三元表达式就是简化版的if 再来一个三元案表达式的案例 问题是：数字补0 用户输入数字，如果数字小于10，前边自动补0，比如 01,09，如果数字大于10，就不需要补，如20,22,。 问题解析： 1、用户输入一个数字 2、如果数字小于10，则在这个数字前面补0，否则，原数输出 3、用一个变量接受这个返回值，输出 ...
JS三元表达式
rr20060119的博客
09-08 404
在参与 js 程序时，都必须先计算出表达式结果，才能参与后续程序 由于三元表达式具备了一些选择的效果，所以也是一种条件分支语句
js三元表达式
CQXXTXX的博客
03-10 5018
三元表达式又叫三元运算符，必须有三个操作数参与的运算操作符号：? :表达式：在参与js 程序时，都必须先计算出表达式结果，才能参与后续程序由于三元表达式具备了一些选择的效果，所以也是一种条件分支语句
JavaScript 进阶第一章（分支结构）
m0_56344602的博客
08-25 546
switch-case分支结构 1.语法 switch(表达式){ // 不是布尔类型：是一个确定的变量 case 值1: // 值1,值2...都是字面量 表达式的结果 === 值1，需要执行的代码 break; case 值2: 表达式的结果 === 值2，需要执行的代码 break; case 值3： 表达式的结果 === 值3，需要执行的代码 break; ...
js三元表达式（三元运算符）
2301_79265530的博客
09-18 499
顾名思义，有三个元素组成的表达式。“条件”“真结果”“假结果”。条件?真结果:假结果条件?真结果 : 假结果if(条件){真结果}else{假结果}我们来看一下官方的解释。W3C把“三元表达式”叫做"ECMAScript 条件运算符"诶！中间为什么空了一块呢？我给它补上：这行代码的意思官方也给了具体的说明，这里不再赘述。
JavaScript 什么是三元表达式？
TianXuab的博客
10-13 532
条件?表达式1 : 表达式2其中，条件是一个布尔表达式，表达式1和表达式2可以是任意合法的JavaScript表达式。当条件为真时，三元表达式的值为表达式1的值；当条件为假时，三元表达式的值为表达式2的值。三元表达式是一种简洁而强大的条件表达式，可以根据条件的真假返回不同的值或执行不同的操作。它在JavaScript编程中常用于简化条件判断和赋值操作，提高代码的可读性和简洁性。通过本文的介绍和示例，相信你已经对三元表达式有了更深入的了解。
【JavaScript】关于三元运算符
weixin_47040861的博客
01-15 922
JavaScript的三元运算符是一种简洁的条件表达式，它允许你在一行代码中根据条件的真假选择不同的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值