JavaScript
1、JS书写规范
(1)区分大小写
(2)每行结束的分号可加可不加,习惯上都加
(3)分为单行注释(//...)和多行注释(/*......*/)
2、变量
变量:用于存储数据的容器
(1)声明变量,使用关键字var
var x=1;
(2)变量的命名规则
可以使用字母、数字、下划线、$符号,不能以数字开头
不能使用关键字和保留字作为变量名
userName 驼峰命名 或者 user_name 下划线命名
(3)一次声明多个变量,多个变量之间用逗号隔开
var x=98,y=78;
(4)声明一个变量要赋值,否则报错undefined(未定义)
3、常量
特点:一旦声明就不能再赋值,使用关键字const
const PI =3.1415926;
4、数据类型
分为原始类型和引用类型
原始类型分为数值型和字符串型、布尔型、未定义型(undefined)、null
(1)数值型
分为整形和浮点型
整形在内存占4个字节,浮点型占8个字节
整形分为8进制(0开头)、10进制、16进制(0x开头)
浮点型分为指数型和普通,浮点表示方法例子:2.14e9,2.14乘10的9次方
注:查看变量的数据类型:typeof(变量)
(2)字符串类型
数据被引号所包含就是字符串类型,不区分单双引号
查看某一个字符的unicode编码:字符.charCodeAt()
(3)布尔型
在程序中表示真或者假,true/false,常用于一些是否的结果
(4)未定义型,变量只声明没有赋值时就是未定义型,undefined
(5)null,用于引用数据类型
5、数据类型的转换
(1)隐式转换
-*/执行运算,尝试将符号两端的数据转换成数值型,如果无法转换,返回NaN
1⃣️数字+ 字符串:数字转换成字符串
2⃣️数字+ 布尔型:转换成数字,true-->1 ,false-->0
1+true-->2;1+false-->1
3⃣️字符串+布尔型:布尔型转换成字符串
4⃣️null的加法
1+null -->1 null-->0
true+null -->1 null-->0
'a' + null -->'anull' null-->'null'
‘+’的作用:执行加法运算,执行字符串的拼接
(2)强制转换
1⃣️强制转成数值型Number(),将任意的数据转换成数值型,如果转换的字符串中有非数字,则返回NaN,布尔型会转成数值型
var n1=Number('1'); console.log(n1); console.log(typeof(n1));
输出结果是数字1
2⃣️将数据转换成整形,向下取整,parseInt(),查看数据的开始是不是数字,遇到非数字则返回前边的数字,如果开头不是数字,则返回NaN
console.log(parseInt('3.5'));-->3 console.log(parseInt('7a'));-->7 console.log(parseInt('a2'));-->NaN
3⃣️将数据转换成浮点型 parseFloat(),规则同上
4⃣️将数据转换成字符串,toString()
pi=3.14; str=pi.toString(); console.log(str); console.log(typeof(str));
6、运算符和表达式
由运算符连接的操作数据,所组成的形式称为表达式
(1)算数运算符+ - * / % ++ --
(2)比较运算符>= <= > < == === != !==,返回的结果是布尔类型的值
注:*1、==只是比较两个数据的值是否相同,===不仅比较数据的值,还比较数据的类型是否相同
console.log(1=='1'); console.log(1==='1');
第一个结果为true,第二个结果为false
*2、字符串和数字比较时,字符会转换为数字
*3、字符串和字符串比较时,比较的是编码的大小
*4、NaN与任何的数字比较返回false
(3)逻辑运算符
||或者 &&并且 !非
逻辑短路,||当第一个条件为true时,就不需要判断第二个条件
&&当第一个条件为false时,就不需要判断第二个条件
(4)位运算符,将数据转成二进制再进行运算
按位与& 3&5: 011
100
001,结果就是十进制的1
按位或| 3|5: 011
100
111,结果就是十进制的7
按位异或 ^ 相同是0,不想同是1
按位右移>> 10,二进制1010,右移一位,101,变成十进制5,规律:每移动一位除以2
按位左移<< 规律:每移动一位乘2
(5)赋值运算符
= += -= *= /= %=
- 【JavaScript】在文本域中对输入字符及行数的限制
- “您查看的网页正在试图关闭窗口。是否关闭此窗口”的屏蔽方法(JavaScript)
- 用javascript实现来随机位置出现广告图片
- Javascript 正则表达式
- JavaScript高级程序设计(第3版)学习笔记11——内建对象
- 初学js者对javascript面向对象的认识分析
- javascript_note
- javascript 改变背景颜色--可以举一反三球该其他属性
- JavaScript组件之JQuery(A~Z)教程(基于Asp.net运行环境)[示例代码下载]
- Javascript ==== 因特网上最流行的脚本快速学习---Javascript对象,高级
- JavaScript语法支持严格模式:”use strict”
- Javascript和CSS浏览器兼容总结
- javascript 规范
- 深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
- JavaScript blog式日历控件
- firefox与IE对javascript和CSS的区别
- JavaScript获取浏览器高度和宽度值
- JavaScript中获取样式的原生方法小结
- JavaScript:prototype&apply&call