javaScript学习笔记

【2024】前端学习笔记12-JavaScript初体验-Js操作window 本文记录了js初体验及window方面的内容包括open、close、reload、document、alert、confirm、innerWidth、innerHeight等内容 阅读详情

目录

前言

一、JavaScript能干什么

二、基本要求

1.书写位置:外链式 JS 代码(推荐)

2.注释:

三、语法

1、数字类型(Number)

2.字符串型(string)

3、布尔类型(boolean)

4、null(空)

5、undefined(未定义)

四、运算符

1.算术运算符

2、比较运算符

五、类型转换

1.其他数据类型转成数值

1、Number(变量)

2、parseInt(变量)

3、parseFloat(变量)

4、除了加法以外的数学运算

2.其他数据类型转成字符串 

1、变量.toString()

2、String(变量)

3、使用加法运算

3.其他数据类型转成布尔 

六、语句 

1. if

2.switch

3.循环语句 while、for

 七、函数

1.普通函数 

2.匿名函数


前言

JavaScript 是属于网络的脚本语言!是一种在浏览器端执行的语言! 脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。学习web安全必备,嘿嘿。


提示:以下是本篇文章正文内容,下面案例可供参考

一、JavaScript能干什么

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

二、基本要求

1.书写位置:外链式 JS 代码(推荐)

  • 外链式 js 代码只要引入了 html 页面,就会在页面打开的时候直接触发
  • 新建一个 .js 后缀的文件,在文件内书写 js 代码,把写好的 js 文件引入 html 页面

2.注释:

//:单行注释

/**/:多行注释

三、语法

js基本的数据类型 :数字类型,字符串型,布尔型,undefined,null 对象类型 数组

1、数字类型(Number)

只有一种数字类型,数字 可以是小数 ,也可以的整数

以0开头 默认使用8进制来表示我的这个数字

以0x开头 默认使用16进制来表述我的这个数字

如果以-开头 默认以负数

如果我带有e:以科学计数法来解析我的这个数字

2.字符串型(string)

3、布尔类型(boolean)

一般是用在流程控制语句中,字符串和数字类型都是无穷多个,然而我们的布尔数据类型只有两个:true 和 false。

4、null(空)

关键字null是一个特殊的值,它表示变量为空值,用来定义空的或者是不存在的引用。

如果试图去引用一个没有定义的值,就会返回一个null。

这里注意一点:null并不等于"" 或者0。

5、undefined(未定义)

这个值表示变量不含有值,没有定义的值,或者被定义了一个不存在的属性值

!null和undefined区别: null它表示一个变量被赋予一个空值,而undefined是表示变量还没有被赋值。

四、运算符

1.算术运算符

+ - * / % ++ --

字符串拼接使用“+”

2、比较运算符

< > == != <= >=

=== 全等于:将数值以及数据类型一并比较

!==不全等于:将数值以及数据类型一并比较

比如:==

  • 比较符号两边的值是否相等,不管数据类型
  • 1 == '1'
  • 两个的值是一样的,所以得到 true

 ===

  • 比较符号两边的值和数据类型是否都相等
  • 1 === '1'
  • 两个值虽然一样,但是因为数据类型不一样,所以得到 false

!= 

  • 比较符号两边的值是否不等
  • 1 != '1'
  • 因为两边的值是相等的,所以比较他们不等的时候得到 false

!== 

  • 比较符号两边的数据类型和值是否不等
  • 1 !== '1'
  • 因为两边的数据类型确实不一样,所以得到 true

五、类型转换

1.其他数据类型转成数值

1、Number(变量)

  • 可以把一个变量强制转换成数值类型
  • 可以转换小数,会保留小数
  • 可以转换布尔值
  • 遇到不可转换的都会返回 NaN

2、parseInt(变量)

  • 从第一位开始检查,是数字就转换,知道一个不是数字的内容
  • 开头就不是数字,那么直接返回 NaN
  • 不认识小数点,只能保留整数

3、parseFloat(变量)

  • 从第一位开始检查,是数字就转换,知道一个不是数字的内容
  • 开头就不是数字,那么直接返回 NaN
  • 认识一次小数点

4、除了加法以外的数学运算

  • 运算符两边都是可运算数字才行
  • 如果运算符任何一遍不是一个可运算数字,那么就会返回 NaN
  • 加法不可以用

2.其他数据类型转成字符串 

1、变量.toString()

  • 有一些数据类型不能使用 toString() 方法,比如 undefined 和 null

2、String(变量)

  • 所有数据类型都可以

3、使用加法运算

  • 在 JS 里面,+ 由两个含义
  • 字符串拼接: 只要 + 任意一边是字符串,就会进行字符串拼接
  • 加法运算:只有 + 两边都是数字的时候,才会进行数学运算

3.其他数据类型转成布尔 

  • 在 js 中,只有 ''、0、null、undefined、NaN,这些是 false,其余都是 true

六、语句 

1. if

和C语言一样。

2.switch

 

3.循环语句 while、for

 七、函数

function 函数名(形式参数){函数体}
调用函数:函数名(实际参数);

1.普通函数 

 

2.匿名函数

<script type="text/javascript">
 
    // 匿名函数 : 没有名称的函数
    var func = function(i, u) {
        alert(i + " love play" + u);
    }
 
    // 调用函数 :
   func("郭新", "诺手");//显示:郭新爱玩诺手
 
</script>


深入掌握JavaScript学习笔记 本文还有配套的精品资源,点击获取 简介:本文是关于JavaScript学习的详细笔记,适合初学者和有基础的开发者。笔记涵盖了从基础到高级的多个方面,包括变量、数据类型、控制流、函数、对象、数组以及高级概念如函数表达式、this关键字、闭包、原型链。同时,还介绍了ES6的新特性,如let与const、解构赋值、箭头函数、Class和模块系统。另外,还包括了关于DOM操作、AJ... 阅读详情

相关推荐

[代码开源]基于DistFlow的IEEE33和IEEE69节点最优潮流模型(OPF)实现与性能分析

本文详细介绍了基于DistFlow的IEEE33和IEEE69节点最优潮流模型(OPF)的实现与性能分析。通过代码开源,展示了如何从零搭建电力系统优化模型,解决配电网中的发电成本最小化问题。文章涵盖数据准备、模型实现细节、性能优化建议及常见问题解答,为电力系统研究者提供实用参考。

weixin_29103191的博客 708

JS中的数值

一、有关于e表示法(即科学技数法) 1.用e表示法表示的数值等于e前面的数值乘以10的指数次幂。    var floatNum= 3.125e7        //等于31250000    var num = 3e-17                  //等于0.00000000000000003 二、数值范围   在数值计算中,其范围超过js的数值范围的值,那么这个数值将被自转...

lindali1115的博客 950

手把手教你设计低噪声前置放大电路:从光电二极管到X射线探测器的实战配置

本文实战指南详细解析了低噪声前置放大电路的设计,重点针对光电二极管和X射线探测器等微弱信号源。文章深入对比了跨阻放大器与电荷灵敏放大器的核心架构、噪声优化策略及PCB布局技巧,手把手指导从电路选型、仿真验证到调试测试的全流程,助力工程师构建精准可靠的信号链。

tech5的博客 513

JavaScript学习笔记

JavaScript学习笔记。

x18395499277的博客 1979

手把手教你为FPGA项目集成HyperRAM IP核:从AXI接口封装到上板调试全流程

本文详细介绍了如何为FPGA项目集成HyperRAM IP核,涵盖从AXI接口封装到上板调试的全流程。通过对比DDR3L、PSRAM和HyperRAM的性能指标,突出HyperRAM在低功耗和小封装尺寸方面的优势,并提供硬件连接、AXI4-Lite接口设计、状态机优化及调试技巧等实用内容,帮助开发者高效完成FPGA项目中的内存扩展。

weixin_32103009的博客 285

ThingsKit物联网平台产品管理之物模型

物模型是ThingsKit物联网平台为产品定义的数据模型,用于描述产品的功能。本文介绍物模型相关概念和使用限制。

云腾五洲官方博客 1174

【JS笔记】Java Script学习笔记

JavaScript基础语法主要包括:输出语句(document.write、console.log、alert)、变量声明(var/let/const)和弱类型特性。数据类型涵盖number、string(支持模板字符串)、boolean、object(数组、函数等)、null和undefined。运算符包含算术、赋值、比较(==和===区别)、逻辑等类型。类型转换可通过Number()、parseInt()等方法实现。流程控制与Java类似,函数支持声明式、表达式和箭头函数三种形式,参数处理灵活。数组对

lhr056813的博客 1331

【RK3399】Android平台增加一款声卡设备(ES7210+ES8156),进行录音/播放测试。

文章目录前言一、开发环境二、概述三、硬件介绍1、ES72102、ES81563、数字麦克风阵列4、音频示意图四、下载SDK五、编译、烧写1、u-boot2、kernel3、Android SDK4、烧写分区5、烧写固件六、声卡驱动1、添加codec代码2、修改Kconfig3、修改Makefile4、修改rockchip_defconfig5、修改DTS七、声卡调试1、查看声卡注册信息2、使用tinycap/tinyplay录音和放音3、使用示波器观测八、修改HAL层1、修改默认capture/playba

rentong123的博客 2万+

JavaScript学习笔记(一)

本文主要介绍了 JavaScript 的基本概念、语法结构、变量和常量、数据类型及类型转换方法

2402_82857752的博客 3652

五十天精通硬件设计第6天-放大器知识及选型

运算放大器(Operational Amplifier,简称运放)是一种高增益的直流耦合差分放大器,广泛应用于信号处理、滤波、比较、积分、微分等电路中。

whm128的博客 596

倾斜摄影数据转换为3DTile格式的方法:基于CesiumLab GIS

通过使用CesiumLab GIS,倾斜摄影数据可以方便地转换为3DTile格式,并在CesiumJS等3D地理信息可视化工具中进行展示和分析。一旦成功导入3DTile数据,就可以在CesiumLab GIS中利用其强大的可视化和分析功能进行进一步的处理。转换完成后,可以将生成的3DTile数据导入到CesiumLab GIS中进行可视化和分析。启动CesiumLab GIS应用程序,并按照界面上的指导导入转换后的3DTile数据。脚本将开始执行,并将倾斜摄影数据转换为3DTile格式。

ObDjango的博客 1076

JavaScript学习笔记2--面向对象编程(更新中)

本文已搬家至【Web技术学习】JS学习笔记

gnuhpc的专栏 3725

52、基于格的具有解密密钥暴露抗性的可撤销(分层)身份基加密方案

本文提出了首个基于格的具有解密密钥暴露抗性(DKER)的可撤销分层身份基加密(RHIBE)方案。通过引入分层密文、分层解密密钥和级别转换密钥等创新工具,克服了格结构与传统密钥重新随机化属性不匹配的难题。该方案不仅支持可扩展的密钥撤销机制,还具备密钥委托功能,为后量子密码学领域的发展提供了新的思路和方法。

efc12345678的博客 123

JS学习笔记(一)-初识JavaScript

文章目录学习笔记(一)准备工作初识JavaScriptJS的组成JS书写位置JS注释JS输入输出语句 2021.1.11 学习笔记(一) 准备工作 今天开始学习Javascript,开始之前先学习开发工具VS Code的几个快捷键和安装一些常用插件以及一些VS Code生成的骨架标签的含义。 快捷键 !+回车/Tab 自动生成页面骨架结构 Ctrl++/- 放大/缩小视图 Alt+B 在浏览器中打开 Ctrl+/ 注释 常用插件 Chinese(Simplified)Language Pack for

Ludwig1957的博客 1415

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

JS事件学习笔记(思维导图)

JS事件学习笔记(思维导图)   导图 posted @ 2015-09-16 21:52 xingoo 阅读(...) 评论(...) 编辑 收藏

xingoo 399

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

JavaScript 学习笔记(JS进阶 Day4)

因此当我们只是想改变 this 指向,并且不想调用这个函数的时候,可以使用 bind,比如改变定时器内部的this指向.在开发中【使用箭头函数前需要考虑函数中 this 的值】,事件回调函数使用箭头函数时,this 为全局的 window。箭头函数会默认帮我们绑定外层 this 的值,所以在箭头函数中 this 的值和外层的 this 是一样的。同样由于箭头函数 this 的原因,基于原型的面向对象也不推荐采用箭头函数。箭头函数中的 this 与普通函数完全不同,也不受调用方式的影响,事实上。

🧑‍🎓 博士研究生在读 🔬 分享生物信息学、神经生物学方面的知识 💬 合作请在后台留言 1451

javaScript学习笔记(一)js基础

================================= 公众号 关注一波 (一叶知秋博客) 不定期分享视频资料 一、简介 1、概述: JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。 诞生于1995年,当时的主要目的是验证表单的数据是否合法。 Java...

一叶知秋 13万+

廖雪峰JavaScript教程学习笔记

JavaScript是世界上最流行的脚本语言,因为你在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的手机App,交互逻辑都是由JavaScript驱动的。简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。随着HTML5在PC和移动端越来越流行,JavaScript变得更加重要了。并且,新兴的Node.js把JavaScript引入到了服务器端,JavaScript已经变成了全能型选手。

MamatjanPC的博客 745

JavaScript 学习笔记(WEB APIs Day4)

本着自己学习、分享他人的态度,分享学习笔记,希望能对大家有所帮助。看在线演示,找到符合自己需求的demo https://www.swiper.com.cn/demo/index.html。查看APi文档,去配置自己的插件 https://www.swiper.com.cn/api/index.html。查看基本使用流程 https://www.swiper.com.cn/usage/index.html。即创造出一个新的网页元素,再添加到网页内,一般先创建节点,然后插入节点。

🧑‍🎓 博士研究生在读 🔬 分享生物信息学、神经生物学方面的知识 💬 合作请在后台留言 1146

Web前端开发—JavaScript学习笔记

DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口。

weixin_71370424的博客 1480

JavaScript学习笔记(1)—— js基础

JavaScript学习笔记(1)—— js基础 本文目录 一、认识JS 二、JS的词法结构(语法基础) 三、变量与数据类型 四、运算符与表达式 五、语句 一、 认识JS 1、JS是什么 JavaScript是一种运行在浏览器上的脚本语言 可用于客户端(浏览器, 手机或平板等智能设备), 也可用于服务器端(如:node.j...

惠子的博客 532

JavaScript基础知识——黑马JavaWeb学习笔记

本文为学习黑马程序员JavaWeb开发教程中JS部分学习笔记

初学者个人学习记录、梳理 2259
上一篇: CSS学习笔记
下一篇: CCF“司南杯”量子计算编程挑战赛练习题(一)解析
GXcodes
博客等级 码龄5年 15粉丝 6原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值