JavaScript预习

已于 2022-05-20 19:14:46 修改
阅读量290 收藏
点赞数
文章标签： javascript 前端 开发语言
于 2022-05-20 19:12:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63844356/article/details/124888231
版权

JavaScript预习

JavaScript基础

JS组成

  • ECMAScript：JS基础语法
  • DOM：文档对象模型——对页面中元素进行操作（下拉菜单）
  • BOM：浏览器对象模型——对浏览器窗口进行操作（弹出框、控制跳转、获取分辨率）

JS三种书写位置

  • 行内式：写在body里
  • 内嵌式：写在head的script标签里（每句结束要写“ ; ”）
  • 外链式：link在以“.js”为后缀名的文件当中
    外链式：将如下代码写在head里

JS注释

  • 单行注释// 单行注释
  • 多行注释/* 多行注释 */

JS基本语法

输入输出语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=initial-scale=1.0">
    <title>Document</title>
    <script>
        alert('是否进入该页面');//浏览器弹出警示框
        console.log('string');//浏览器控制台打印输出
        prompt('请输入你的姓名');//浏览器弹出框，用户可输入
    </script>
</head>
<body>
     
</body>
</html>

变量

  • 由字母，数字，下划线，美元符号组成
  • 严格区分大小写
  • 不能以数字开头
  • 不能是关键字，保留字
  • 变量必须有意义
  • 遵守骆峰命名法

变量声明

var num;//声明变量
num=10;//赋值

var num=10;//声明的同时赋值`

数据类型

JS中不能定义数据类型
Number整型
Boolean布尔型
String字符串型
Undefined声明没赋值
Null空
Infinity无穷大
-Infinity无穷小
NaN非数值
转换
toString() String() 加拼接符转为字符串
parseInt(String) pareFloat(String) Number()转换为数值
隐转（- * /）转换为数值
Boolean（）转换为布尔型
转义字符
\n换行
\\斜杠
\'单引号
\"双引号
\t缩进
\b空格

isNaN()函数

  • 判断非数字
  • 是数字则返回false；非数字则返回true

运算符

算数：+ - * / % ** ++ –
比较： > >= < <= == != ?
逻辑： && || ！
其他：typcof检测数据类型
isNaN判断是否是数字

JS流程控制

分支结构.switch语句：

switch(表达式){
  case value1:
  	 当表达式等于value1 则执行此处代码;
	 break; //如果没有break，则执行下一个case
	 
  case value2:
  	 当表达式等于value2 则执行此处代码;
     break;
     
  default:
     当表达式不等于任何一个value时执行此处代码;
}

条件判断
JavaScript使用if(){…} else{…},来进行条件判断，和C语言的使用方法一样。

var role = 20;
if(age >= 18){
    alert ( 'adult ' ) ;} 
else {
    alert ( 'teenager ' ) ;
}

循环
JavaScript的循环有两种:一种是for循环，一种是while循环。

var x = 0;
var i;
for (i=1; i<=100 ; i++){
x = x + i;
}

最后说一下while循环。使用方法和C语言一样，分为while(){…},循环和do{ …}while()

var x = 0;
var i;
while(i<=100){
x = x + i;
i++;
}

JS数组

创建

  • 字面量
var arr=[];
  • 空数组
var arr=new Array（）；//空数组

数组长度

数组名.length

赋值

  • 构造函数方式var ary = new Array（1,2,3,4,5）;
  • 字面量方式赋值var ary = [1,2,3,4,5];
  • 索引方式赋值var ary = []; ary[0]=1; ary[1]=2;

修改数组长度

arr.length=n;

数组追加

arr【i】=‘’；

函数

声明函数

JavaScript 函数是通过 function 关键词定义的。可以使用函数声明或函数表达式

 function 函数名() {
           
        }

arguments函数

调用

function 函数名（）；

返回值

若有return则返回return值，否则返回undefined

arguments函数

我们不确定有多少个函数参数传递时，可以用arguments来获取

function fn () {
console.log(arguments)
}
fn (1,2,3）
啊哦357
关注
Javascript预习博客
weixin_50796134的博客
05-15 525
Javascript预习博客（以下大部分内容参考W3school)添加javascript的方式Javascript的基本语法js的输出语句变量运算符数据类型函数 （以下大部分内容参考W3school) 添加javascript的方式 脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。 <head>//<body> <script> function myFunction() { document.g
javaScript预习（一） 简介
Oliver尹的博客
07-10 251
简单的说，html是内容，css是格式，javascript是动作（数据交互，数据处理） document.write("hello world"); document，文档，页面，通常称作为“对象” . 运算符，和+，-之类的一样 write()，动作 “hello world”，字符串（字符串是需要用双引号或单引号括起来的，参数则不用），动作的内容 简单的说就是 . 这个运算...
javaScript预习（五） 数组
2401_84091938的博客
04-19 866
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
javaScript预习（二）判断
2301_77033813的博客
05-05 1007
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
javaScript预习（八）构造函数
2401_84091993的博客
04-19 817
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档，需要的读者可以戳这里免费领取！题文档，大厂面试题文档，需要的读者可以戳这里免费领取！**[外链图片转存中…(img-bx2SucgF-1713507050910)][外链图片转存中…(img-c4DRHRAf-1713507050910)]
javaScript预习（五） 数组(1)
2401_84091742的博客
04-19 1066
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等。
javaScript预习（二）判断(2)
2301_79655473的博客
05-05 458
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
javaScript预习（八）构造函数(1)
sgegv的博客
04-19 939
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。什么？你问面试题资料在哪里，这不是就在你眼前吗（滑稽为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。
javaScript预习（九） window
Oliver尹的博客
07-16 195
浏览器的全局对象是window 所有的全局变量实际都是window的成员，比如： var a=12; console.log(a); //输出：12 console.log(window.a);输出：12 另外可以通过for(var x in window)｛document.write(x+"&lt;br/&gt;")｝，输出所有的window对象成员 当然，JavaScrip...
day03_JavaScript预习笔记1
08-04
JavaScript是Web开发中不可或缺的一部分，它主要由三个组成部分构成：ECMAScript（核心语法）、DOM（文档对象模型）和BOM（浏览器对象模型）。在深入学习JavaScript之前，我们需要理解这些基本概念。 首先，...
javascript-prework:javascript-prework-kodilla
04-01
JavaScript预习课程：Kodilla的JavaScript预习项目 JavaScript是一种广泛应用于网页和网络应用的编程语言，尤其在客户端浏览器中的动态交互性方面扮演着重要角色。本预习课程"javascript-prework-kodilla"旨在帮助...
javascript-prework
03-07
JavaScript预习工作是编程学习的重要一环，特别是对于想要深入理解Web开发的初学者来说。JavaScript是一种广泛应用于网页和互联网应用的脚本语言，它能够为静态的HTML页面注入动态功能，实现用户交互、数据处理以及...
JavaScript程序设计——页面设置与表单验证实验报告.docx
11-11
在实验报告中，预习内容包括设置网页背景色、字体属性、添加超级链接、图像和动画、创建表格以及使用框架等。这些都是构建一个功能丰富、视觉吸引力强的网页所必需的技能。例如，通过CSS（层叠样式表）可以改变背景...
【JAVA开源】基于Vue和SpringBoot的高校学科竞赛平台
杨荧的CSDN博客
10-10 997
教师功能有个人中心，题目类型管理，竞赛题库管理，竞赛类型管理，竞赛信息管理，报名信息管理，竞赛评分管理，参赛名单管理，晋级名单管理，获奖名单管理，竞赛总结管理，报销清单管理，成绩申诉管理，参赛信息管理，参赛信息管理，往年成绩管理，获奖情况管理。
Vue根实例、实例总结
m0_54007573的博客
10-04 682
Vue根实例、实例总结
React中的refs是什么？
最新发布
Front end development engineer
10-10 220
React 的众多优点之一是它抽象了处理真实 DOM 的复杂性。现在，我们无需手动查询元素、绞尽脑汁思考如何为这些元素添加类又或者是添加样式等，也无需为浏览器兼容性而苦恼，只需编写组件并专注于用户体验即可。然而，仍然有一些情况（虽然很少！）我们需要访问实际的 DOM。而当涉及到实际的 DOM 时，最重要的是要理解并学习如何正确使用 ref 以及 ref 周围的一切。
解释器、预处理、main函数
编程语言技巧经验分享
10-07 1236
解释器覆盖范围很广，不管是解释语言的运行时解释翻译器，还是操作系统自带脚本的解释器。
vue-live2d看板娘集成方案设计使用教程
每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。
10-05 1487
vue-live2d看板娘集成方案设计使用教程
JavaScript基础语法详解与共性问题解答
"JavaScript基础知识与常见问题讲解" ...通过预习和实践，理解这些基本概念和问题，将有助于深入掌握JavaScript，并能有效地解决实际开发中遇到的问题。在实际应用中，不断练习和探索，是提升JavaScript技能的关键。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值