Javascript 概述
简称 JS
一种运行于 JS解释器/引擎 解释型脚本语言
2、解释型脚本语言
1、编译型
C/C++
先编译再执行
2、解释型
无需编译,直接执行,碰到错误则停止
JS解释器:
1、独立安装的JS解释器
NodeJS
2、嵌入在浏览器内核中的JS解释器
2、嵌入在浏览器中的引擎
1、使用浏览器控制台输入代码并执行
2、将JS脚本嵌入在HTML页面中(重要)
1、html元素事件中执行JS脚本
onclick事件:单击元素时所做的操作。
<button οnclick="js脚本">测试</button>
2、html页面中 通过 <script></script>编写JS脚本
组成JS的最基本的单位
console.log("待输出内容");控制台输出
document.write();
变量:内存中的一个存储空间,一个可以变化的数据。
变量名:一个变量(内存空间)的别名
值:变量中所保存的数据
语法: var 变量名;
var 变量名1,变量名2,...;
eg: 1、声明一个空间,用于保存用户的名称
var userName;
2、声明几个空间,用于保存用户的年龄,性别,工资
var age,gender,salary;
注意:值为 非数字,为字符串时, 必须使用"" 或 '' 包裹起来
var userName="杨紫";
变量名命名规范
1、不允许使用JS关键字以及保留关键字做变量名
2、可以包含字母、数字、下划线(_)以及$
3、不能以数字开头
4、最好见名知意
5、命名方式
在获取页面元素时使用
2、下划线命名法
var _userName;
var userName;
3、驼峰命名法
变量名称由多个单词组成,第一个单词所有字母全小写,从第二个单词开始,每个单词的首字符变大写。
var userName
变量的存取操作
1、存 - 为变量赋值
变量 出现在 = 的左边,一定是赋值
var userName="张无忌";
userName="殷素素";
2、取 - 获取变量的值
放在函数中使用
document.write(变量);
console.log(变量);
2、变量出现在 = 的右边,一定是取值
var userName="殷素素";//赋值
var newName=userName;
userName:取值操作
newName:赋值操作
算术运算符
+,-,*,/,%
1、%: 取余数,俗称:模
5 % 2 : 结果为 1; 4 % 2 : 结果为 0; 2 % 5 : 结果为 2
使用场合:
1、判断某数字的奇偶性: 55 % 2 结果: 1
2、判断某数字是不是n的倍数:判断 188 是不是 3 的倍数
判断 188 和 3 取余,结果是否为0,如果为0则为倍数。
3、获取某数字的最后几位
获取 1234 最后一位:1234 % 10 结果 4
获取 1234 最后两位: 1234 % 100 结果 34
2、+
作用:
1、做 加法 操作要求:+两边的操作数必须是数字
2、做 连接: 如果 + 两边的操作数,有一个是字符串类型的,那么就是连接的效果
常量:一经声明,就不允许被修改的数据.
目的: 为了保证数据的准确性
语法: const 常量名=值;
注意:常量名,一般采用全大写方式表示
数据类型
1、原始类型(基本类型) 数据类型
可以表示32位(4字节)的整数,或64位(8字节)的浮点数(小数)
2、string 类型: 字符串类型
注意:使用时,必须用""或''引起来
转义字符
\n:换行 \r:回车 \t:制表符
3、boolean 类型: 布尔类型
作用:在程序中,保存真或假的结果,多数用于表示条件的结果
取值: true : 真,肯定,是
false : 假,否定,否
注意:
boolean类型可以参与到整数的+-*/%的运算
true:1 false:0
4、undefined: 声明变量未赋值
访问的对象的属性不存在
5、null: 空
typeof 函数(运算符)
作用:查看当前变量的数据类型
语法: 1、typeof(变量名) 2、typeof 变量名
举例:var userName="马莲梦露";
console.log(typeof(userName));
隐式转换 : 不同数据类型的数据在做运算的时候可以进行默认的数据类型的转换.
举例:NaN : Not a Number (不是一个数字) isNaN(变量) :是不是一个数字
false : 是数字 true : 不是数字
string 类型转换
值为数字的字符串,在做-,*,/,%的操作时,会自动转换成 number 类型进行运算,+仍然是 连接的操作。
2、JS中,所有 用户手动输入的数据,默认都是 string 类型
接受用户输入数据:
1、window.prompt("提示的文本"[,默认值]);
2、prompt("提示的文本"[,默认值]);
举例:var input=window.promp("请输入一个数字")
console.log(input);
console.log(typeof input);查验变量的值的类型。
显示转换: 由转换函数 完成 显示转换
1、toString()
转换成 字符串, 将任意类型的数据转换成 string 类型
var num = 15;
num.toString();
2、parseInt(参数)
将 参数 转换成 整数
碰都第一个非数字的字符,则停止转换。
3、parseFloat(参数)
将 参数 转换成 小数