1.3.2 String
字符串加双引号或单引号
-
JS可以用单引号嵌套双引号,或者反过来
-
转义符
\n 换行符 \\ 斜杠 \' 单引号 \" 双引号 \t tab缩进 \b 空格
-
length
属性通过其可以获取整个字符的长度
var strMsg = "我是帅气多金的程序猿!"; alert(strMsg.length); // 显示 11
-
拼接
-
多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
//1.1 字符串 "相加" alert('hello' + ' ' + 'world'); // hello world //1.2 数值字符串 "相加" alert('100' + '100'); // 100100 //1.3 数值字符串 + 数值 alert('11' + 12); // 1112
-
与变量拼接
console.log('pink老师' + 18); // 只要有字符就会相连 var age = 18; // console.log('pink老师age岁啦'); // 这样不行哦 console.log('pink老师' + age); // pink老师18 console.log('pink老师' + age + '岁啦'); // pink老师18岁啦 // 注意,变量不可以加引号,否则会被认定为字符串
-
1.3.3 Boolean
当布尔型和数字型相加时,true表示1,false表示0
1.3.4 Undefined和Null
注意两者的区分
Undefined加数字相加,为NaN
1.3.5 获取检测变量的数据类型
typeof num
var num = 18;
console.log(typeof num) // 结果 number
1.3.6 数据类型转换
注意: 使用表单,prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而是需要进行变量的数据类型转换
-
转换为字符串
-
toString()
var num = 1; alert(num.toString());//转换成字符串
-
String()
强制转换var num = 0; alert(String(num))//它可以将任何类型强制转换为字符串
-
加号拼接成字符串
和字符串拼接的结果是字符串,也被称为隐式转换
var num = 1; alert(num+"字符串转换")
-
-
转换为数字型
-
parseInt(string)函数
parseInt('78')
转换为int若得到'120px',转换会去掉px 若是'rem120',转换会直接输出为NaN(parseFloat也是如此)
-
parseFloat(string)函数 // 只能解析十进制数,若解析内容只有整数,则解析为整数
parseFloat('78.21')
转换为float -
Number()强制转换函数
Number('12')
-
js隐式转换(- * /)
利用算术运算隐式转换
'12'-0
-
小加法例子
// 1. 先弹出第一个输入框,提示用户输入第一个值 var num1 = prompt('请输入第一个值:'); // 2. 再弹出第二个框,提示用户输入第二个值 var num2 = prompt('请输入第二个值:'); // 3. 将输入的值转换为数字型后,把这两个值相加,并将结果赋给新的变量 var result = parseFloat(num1) + parseFloat(num2); // 4. 弹出结果 alert('结果是:' + result);
-
-
转换为布尔型
-
Boolean()函数
Boolean("true")
-
代表空\否定的值会被转换为false
如: ‘’ 、0、NaN、null、undefined、
-
其余的值均会转换为true
-
-
break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with
等。
===============================================================================
+ - * / %(取余)
浮点数的最高精度为17位小数,但在进行算术计算时其精确度远远不如整数
var result = 0.1 + 0.2; // 结果不是 0.3,而是:0.30000000000000004
console.log(0.07 * 100); // 结果不是 7, 而是:7.000000000000001
**注意:**不要直接判断两个浮点数相等
还需注意算术运算的优先级,先乘除后加减
++ --
分前置,和后置
< > >= <= == != ===全等,要求值和数据类型都一致 !==
&& || !
返回true或false
一般可以引用短路运算
= += -= *= /= %=
| 优先级 | 运算符 | 顺序 |
| :-: | :-: | :-: |
| 1 | 小括号 | () |
| 2 | 一元运算符 | ++ – ! |
| 3 | 算术运算符 | 先* /%后± |
| 4 | 关系运算符 | < > <= >= |
| 5 | 相等运算符 | == != === !== |
| 6 | 逻辑运算符 | 先&&后|| |
| 7 | 赋值运算符 | = |
| 8 | 逗号运算符 | , |
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新**
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-6cDCwOoP-1712040995743)]
最后
javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[外链图片转存中…(img-bN2Hpdvj-1712040995743)]
[外链图片转存中…(img-rAnatcZp-1712040995743)]