JavaScript笔记
2022/7/16 1:20:08
本文主要是介绍JavaScript笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
js简介
js的组成
-
ECMAScript js语法
-
DOM 页面文档对象
-
BOM 浏览器对象模型
avaScript在HTML的引用方式
(1)行内式;
<input type="button" value="海贼王" onclick="alert('路飞')">
(2)内嵌式;
<script> alert('one piece') </script>
(3)引入外部JS文件;
<script src="my.js"></script>
alert('luffy')
输入输出
1.prompt(info) 浏览器弹出输入框,用户可以输入
2.alert(msg) 浏览器弹出警示框,输出
3.console.log(msg) 浏览器控制台打印输出信息---给程序员测试用的
变量
声明变量
var:变量名;
初始化:var:变量名 = 值;
变量使用
<script> var myname = prompt('请输入姓名'); alert(myname) </script>
数据类型
-
数据类型是根据所赋的值来确定
-
JavaScript 拥有动态类型,同时也意味着相同的变量可变作不同的类型
数字类型可分为两类:
1. 基本数据类型(Number,String,Boolean,Undefined,Null)
简单数据类型 | 说明 | 默认值 |
---|---|---|
Number | 数字型,包含整型值和浮点型值,如21,0.21 8进制:数字前加0;16进制:前加0x |
0 |
Boolean | 布尔值类型,如true,false ,等价于1和0 | false |
Undefined | var a; 声明了变量a但是没有赋值,此时a=undefined | undefined(未定义的) |
string | 字符串类型,如“张三” | “” |
Null | var a = null;声明了变量a为空值 | null |
数字型
特殊数字型
console.log(Number.MAX_VALUE);//最大值 console.log(Number.MIN_VALUE);//最小值 console.log(Number.MAX_VALUE * 2);//无穷大 console.log(-Number.MAX_VALUE * 2);//无穷小 NaN:非数字的
isNaN()方法
这个方法用来判断非数字,并且返回一个值,如果是数字返回的是false,如果不是数字返回的是true
var userAge = 21; var isOk = isNan(userAge); console.log(isNum); //false,21不是一个非数字 var userName = "andy"; console.log(isNan(userName)); //true,"andy"是一个非数字
字符串型
- 1.转义字符都是以 \ 开头,只在引号内使用
转义符 | 解释说明 |
---|---|
\n | 换行符,n是newline |
\ \ | 斜杠\ |
\ ’ | ’ 单引号 |
\ ‘’ | ‘’ 双引号 |
\ t | tab 缩进 |
\ b | 空格,b是blank的意思 |
- 2.length属性可以获取字符串长度
var myname = '请输入姓名'; console.log(myname.length);
- 3.字符串的拼接
//1 字符串相加 alert('hello' + ' ' + 'World'); //hello World //2 数值字符串相加 alert('100' + '100'); //100100 //3 数值字符串+数值 alert('12'+12); //1212 //4 数值+数值 alert(12+12); //24
var age = 18; console.log('我今年'+age+'岁');
2. 复杂数据类型(Object)
这篇关于JavaScript笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?