javaScript学习笔记

最新推荐文章于 2024-05-18 21:57:13 发布
最新推荐文章于 2024-05-18 21:57:13 发布
阅读量446 收藏
点赞数
文章标签： javascript 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gxcodes/article/details/123160309
版权

目录

前言

一、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>

GXcodes
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript学习笔记
11-24
JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的主要...
JavaScript学习笔记
mosun_zgs的博客
10-08 276
- JavaScript:一门客户端脚本语言 - 运行在客户端浏览器中的，每一个浏览器都有javaScript的解析引擎 - 脚本语言：不需要编译，直接就可以被浏览器解析执行 - 功能：用来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验
javascript 学习笔记
Katios
05-25 7192
注释“//”表示单行注释 “/* */”可以用来多行注释变量1.变量必须使用字母、下划线(_)或者美元符($)开始。2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。3.不能使用JavaScript关键词与JavaScript保留字4.变量区分大小写 javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前
Javascript入门学习笔记
weixin_61370021的博客
04-27 4529
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 195
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 231
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 755
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
setImmediate不能在浏览器中执行
Keep trying, keep going
05-14 163
的延迟时间设置为 0，但实际的延迟可能会因浏览器的最小延迟时间限制而稍有不同。函数实现类似的效果。函数不是浏览器的标准 API，而。
Vue3详细讲解
贫僧法号依平
05-15 853
Vue 3 介绍为什么要学习 vue 3Vue3 动机 和 新特性Vite 的使用vite介绍为什么选 Vite？Vite 的基本使用Vue3.0项目介绍vscode插件说明组合式API体验 composition APIsetup 函数reactive 函数ref 函数script setup语法(★)案例：显示鼠标案例计算属性computed函数侦听器watch函数钩子函数的使用组件通讯-父传子组件通讯-子传父依赖注入 - provide 和 inject模板中 ref 的使用vue3中废弃了过滤器。
echarts的柱状图使用
qq_45331969的博客
05-15 187
【代码】echarts的柱状图使用。
vue3专栏项目 -- 五、权限管理（下）
m0_64931189的博客
05-15 819
我们这一系列做的就是，我们刚开始做了message组件，我们可以直接在某个组件中通过即可调用这个message组件，从而展示出这个提示信息框但是我们觉得它可以像以前用过的alert一样，直接通过一个函数调用就可以展示出这个组件，所以有了如下一步步改进：
React函数式组件的父子方法互相调用，父组件调用子组件方法，子组件调用父组件方法
最新发布
SongZhengxing_的博客
05-18 179
子组件需要使用 forwardRef 函数包裹，然后使用 useImperativeHandle 暴露属性和方法。编写子组件 Child。
从零开始开发企业培训APP：在线教育系统源码剖析
meihusdk的博客
05-14 355
开发企业培训APP并非一朝一夕之功，需要全面的需求分析、合理的技术选型和系统的架构设计。在实际开发过程中，应不断根据用户反馈优化系统功能和用户体验。希望本文的剖析能够为有志于开发企业培训APP的开发者提供一些启示和帮助。
JavaScript函数进阶（1）——递归和堆栈
qq_60624992的博客
05-16 400
当一个函数解决一个任务时，在解决的过程中它可以调用很多其它函数。在部分情况下，函数会调用。有关正在运行的函数的执行过程的相关信息被存储在其。通过迭代的思路来实现，使用循环来实现。通过函数来不断调用自身来实现。
Typescript 哲学 - ts模块使用最佳实践
gu2022_3_5_21_23的博客
05-13 209
ts的作用域 默认是全局（global），这也是为什么在 两个ts文件声明同一个变量报错变量名冲突，解决方法是使某个文件以模块的形式存在（文件顶层使用 export 、import ）比如 jquery 库使用js写的，引入 jquery依赖时 全局便有了一个全局变量。语法可以在模块中添加全局声明。，这时可以声明一个 全局的 变量声明对 其访问的属性进行控制。1、（可以通过 /// 语法分割为多个文件）隔离代码的作用域范围、较好的代码组织形式。块中的内容会被视为全局声明。ts 的全局作用域的应用场景。
javascript学习笔记--查看html元素和改变html的内容
06-01
好的，我可以为您解答关于 JavaScript 学习笔记方面的问题。针对您的问题，查看 HTML 元素和改变 HTML 内容是 JavaScript 中非常常见的操作之一，我们可以通过以下几种方式实现： 1. 通过 `document.getElementById()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 ID 值。例如： ``` let elem = document.getElementById("my-element"); ``` 2. 通过 `document.querySelector()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 CSS 选择器。例如： ``` let elem = document.querySelector(".my-class"); ``` 3. 通过 `innerHTML` 属性获取或设置 HTML 元素的内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.innerHTML); // 获取元素的内容 elem.innerHTML = "新的内容"; // 设置元素的内容 ``` 4. 通过 `textContent` 属性获取或设置 HTML 元素的文本内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.textContent); // 获取元素的文本内容 elem.textContent = "新的文本内容"; // 设置元素的文本内容 ``` 希望这些信息能够帮助您更好地了解如何在 JavaScript 中查看 HTML 元素和改变 HTML 内容。如果您有其他问题，请随时向我提出。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值