学习JavaScript的第二天

本文介绍了JavaScript编程中的命名规则、数据类型(包括简单数据类型如数字、字符串和布尔型,以及动态类型的特点),并详细讲解了字符串操作,如八进制/十六进制、字符串拼接、转义符和长度计算。此外,还提到了如何使用变量、提示框以及前端开发学习资源的分享。
摘要由CSDN通过智能技术生成

●遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。myFirstName

●推荐翻译网站:有道   爱词霸

1.3案例:


要求:交换两个变量的值(实现思路:使用一个临时变量用来做中间存储)

二、数据类型

======

2.1变量的数据类型


变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。

var age = 10;         //这是一个数字型

var areYouOk = ‘是的’;         //这是一个字符串型

在代码运行时,变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型。

JavaScript拥有动态类型,同时也意味着相同的变量可用作不同的类型:

var x = 6;        //x为数字

var x = ‘Bill’;        //x为字符串

2.2数据类型的分类


●简单数据类型( Number, string, Boolean, Undefined, Null )

●复杂数据类型( object)

2.2.1简单数据类型(基本数据类型)

//1.八进制0~7我们程序里面数字前面加0表示八进制

//2.十六进制0~9 a~f

现阶段我们只需要记住,在JS中八进制前面加0 ,十六进制前面加0x

2.2.2数字型Number


●Infinity ,代表无穷大,大于任何数值

●-Infinity ,代表无穷小,小于任何数值

●NaN,Notanumber,代表一个非数值

isNaN()

isNaN()这个方法用来判断非数字并 且返回一个值如果是数字返回的是false如果不是数字返true

测试案例

2.2.3字符串型String

字符串型可以是引号中的任意文本,其语法为双引号"“和单引号”

1.字符串引号嵌套

JS可以用单引号嵌套双引号,或者用双引号嵌套单引号(外双内单,外单内双)

2.字符串转义符

类似HTML里面的特殊字符,字符串中也有特殊字符,我们称之为转义符。

转义符都是\开头的。常用的转义符及其说明如下:

3.字符串长度

字符串是由若干字符组成的,这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。

测试案例

4.字符串拼接

多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串

测试案例

拼接加强版

●我们经常会将字符串和变量来拼接 ,因为变量可以很方便地修改里面的值

●变量是不能添加引号的 ,因为加引号的变量会变成字符串

●如果变量两侧都有字符串拼接,口诀“引引加加”, 删掉数字,量写加中间

测试案例

案例:

那么在程序中要如何实现呢?

①弹出一个输入框( prompt) ,让用户输入年龄(用户输入)

②把用户输入的值用变量保存起来,,把刚才输入的年龄与所要输出的字符串拼接( 程序内部处理)

③使用alert语句弹出警示框(输出结果)

测试案例

2.2.4布尔型Boolean

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料,免费分享给大家,戳这里即可免费领取

前端路线图

含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!**

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

[外链图片转存中…(img-8bumQBxm-1713777900358)]

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料,免费分享给大家,戳这里即可免费领取

[外链图片转存中…(img-m0IRvHim-1713777900358)]

vue.js的36个技巧

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值