JS发展
创始人:布兰登 艾奇(1961~)
前身为Netscape(网景)LiveScript,后来Netscape和Sun合作改名javascript
JS是什么(前后端)
JavaScript是一种运行在客户端 的脚本语言 script
需要Js引擎的支持
而后端一般是运行在服务端的程序
JS的组成
1.JavaScript是一种运行在客户端 的脚本语言 script
2.BOM(Borrowser Object Model): 浏览器对象模型——既windows对象也包括弹窗,计时时间等
3.DOM(Doucment Object Model):文档对象模型——虚拟DOM
JS基本语法(书写规范)
书写位置
1.行内js
<input type="button" value="点我试试" onclick="alert('Hello World')" />
2.内联js
<head>
<script>
alert('Hello World~!');
</script>
</head>
3.外部引入
<script src="outdoor.js"></script>
JS变量
注意先声明后赋值
var a = 10;
*JS数据类型(简单数据类型)
简单数据类型 | 说明 | 默认值 |
---|---|---|
Number | 数值类型,包含 整型值和浮点型值,如 21、0.21 | 0 |
Boolean | 布尔值类型,如 true 、false,等价于 1 和 0 | false |
String | 字符串类型,如 “张三” 注意咱们js 里面,字符串都带引号 | “” |
Undefined | var a; 声明了变量a 但是没有给值,此时 a = undefined | undefined |
null | 空 | null |
*null 和 Undefined都可以用来清空变量
var a = null;
var b = Undefined;
但是使用null清空时此时返回 typeof(a)——Object
而Undefined返回——undefined
Number(数字类型)
在js里面Number包括 int 和 float
进制和区别就不一一赘述
数值范围
最大值:Number.MAX_VALUE,1.7976931348623157e+308
最小值:Number.MIN_VALUE
,这个值为:5e-324
特殊值
三个特殊值
无穷大:Infinity
,代表无穷大,大于任何数值
任何正值乘以 Infinity 为 Infinity
任何数值(除了Infinity 和 -Infinity)除以 Infinity 为 0
无穷小:-Infinity
,代表无穷小,小于任何数值
非数值:NaN
,Not a number,代表一个非数值
isNaN()
is not a number? 是否不是一个数字
当返回为 true 时则表示不是一个数字 即是一个非数字类型的变量
当返回 false 的时候才是表示是一个数字
String(字符串类型)
表示方法:推荐使用单引号 ‘’ 没有为什么,用就完事了
字符串嵌套:和html一样,单双引号区分开
字符串转义
字面量 | 含义 |
---|---|
\n | 换行符(重要) newline |
\ \ | 斜杠 \ |
’ | 单引号 ’ |
" | 双引号 " |
\t | Tab |
\b | 空格 blank |
\r | 回车符 |
字符串的长度
使用 .length方法
字符串拼接:使用+号拼接
//1.1 字符串 "相加"
alert('hello' + ' ' + 'world'); // hello world
//1.2 数值字符串 "相加"
alert('100' + '100'); // 100100
//1.3 数值字符串 + 数值
alert('11' + 12); // 1112
*数据类型转换
数字和字符串的转换
var a = '996';
//tostring
a.toString();
//string()
String(a);
var b = 1.0;
//parseInt
parseInt(b) -- 1
var c = 1;
//parseFloat
parseFloat(c) --1.0
布尔类型转换
var res = Boolean(''); // false
res = Boolean(0); // false
res = Boolean(NaN); // false
res = Boolean(null); // false
res = Boolean(undefined); // false
var res2 = Boolean('小白'); // true
var res2 = Boolean(12); // true
基础的输入输出
函数 | 说明 | 归属 |
---|---|---|
alert(msg) | 用浏览器提示框显示msg | 浏览器提供 |
prompt(info) | 用浏览器对话框接收用户输入,info是提示信息 | 浏览器提供 |
*console.log(msg) | 用浏览器控制台显示msg | 浏览器提供 |