javascript基础操作

1.6 js初体验
js有3种书写位置,分别为行内,内嵌和外部

1.6.1. 行内式js

可以将单行或少量js代码写在html标签的事件属性中(以on开头的属性),如:onclick
注意单双引号的使用:在html中我们推荐使用双引号,js中推荐使用单引号
可读性差,在html中编写js大量代码时,不方便阅读
引号易错,引号多次嵌套匹配时,非常容易弄混

1.6.2. 内嵌式

可以将多行js代码写道

1.6.3. 外部js文件

利于HTML页面代码结构化,把大段js代码独立到HTML页面之外,方便文件复用
引用外部js文件的script标签中间不可以写代码
适用于js代码量比较大的情况

1.6.3. js输入输出语句
方法 说明 归属
alert(msg) 浏览器弹出警示框 浏览器
console.log(msg) 浏览器控制台打印输出信息 浏览器
prompt(info) 浏览器弹出输入框,用户可以输入 浏览器
2. 变量的使用
2.1 声明变量
声明一个名称为age的变量
var age;
2.2 赋值
age = 10;
给age 这个变量赋值为10
2.3 变量的初始化
var age = 18;
声明变量同时赋值为18,变量的初始化
1.4 变量语法扩展

1. 更新变量
   一个变量被重新赋值后,他原有的值会被覆盖,变量值将以最后一次赋值为准
   var age = 18;
   age = 81; //最后的结果就是81因为18被覆盖了

2. 同时声明多个变量
   只需写一个var,多个变量名之间使用英文逗号隔开
   var age = 10,
   name = ‘zs’,
   sex = 2;

3. 声明变量特殊情况
   情况 说明 结果
   var age;console.log(age); 只声明 不赋值 undefined
   console.log(age) 不声明 不赋值 直接使用 报错
   age = 10;console.log(age); 不声明 只赋值 10

4. 数据类型简介

1.2 变量的数据类型
js是一种弱类型或者说动态语言
在代码运行时,变量的数据类型是由js引擎 根据 = 右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型
js拥有动态类型,同时也意味着相同的变量可用作不同的类型;
var x = 6; //x为数字
var x = “Bill”; //x为字符串

1.3 数据类型的分类
简单数据类型(Number,String,Boolean,Undefined,Null)
复杂数据类型(object)

2.1 简单的数类型(基本数据类型)
简单数据类型 说明 默认值
Number 数字型,包含 整型值和浮点型值,如21,0.21 0
Boolean 布尔值类型,如true,false,等价于1和0 false
String 字符串类型,如"张三"注意js里,字符串都带引号 “”
Undefined var a;声明了变量a但是没有给值,此时a = undefined undefined
Null var a = null;声明了变量a为空值 unll

2.2 数字型
var num1 = 010;
// 1. 八进制 0 ~ 7 我们程序里面数字前面加0 表示八进制
var num3 = 0x9;
// 2. 十六进制 0 ~ 9 a ~ f #ffffff 数字的前面加 0x 表示十六进制
// 3. 数字型的最大值
console.log(Number.MAX_VALUE);
// 4. 数字型的最小值
console.log(Number.MIN_VALUE);
// 5. 无穷大
console.log(Number.MAX_VALUE * 2); // Infinity 无穷大
// 6. 无穷小
console.log(-Number.MAX_VALUE * 2); // -Infinity 无穷大
// 7. 非数字
console.log(‘pink老师’ - 100); // NaN
isNaN
// isNaN() 这个方法用来判断非数字 并且返回一个值 如果是数字返回的是 false 如果不是数字返回的是true
console.log(isNaN(12)); // false
console.log(isNaN(‘pink’)); // true

2.3 字符串型 String
字符串型可以是引号中的任意文本,其语法为双引号""和单引号’’
因为在HTML标签中是双引号,JS更推荐单引号
2. 字符串转义符
\开头的
转义符 解释说明
\n 换行符,n是newline的意思
\ 斜杠
’ ‘单引号
" "双引号
\t tab 缩进
\b 空格,b是blank的意思
4. 字符串拼接
字符串 + 任何类型 = 拼接之后的新字符串
数值相加,字符相连
5. 字符串拼接加强
引引加加,删掉数字,变量写加中间
2.5 布尔型 Boolean
布尔型和数字型相加的时候,true的值为1,false的值为0
2.6 Undefined和Null
一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时,注意结果)
一个声明变量给null值,里面存的值为空(学习对象时,我们继续研究null)
3. 获取变量数据类型
3.1 typeof可用来获取检测变量的数据类型
4. 数据类型转换
4.2 转换为字符串
方式 说明 案例
toString() 转成字符串 var num=1; alert(num.toString());
String强制转换 转成字符串 var num=1; alert(String(num));
加号拼接字符串 和字符串拼接的结果都是字符串 var num=1; alert(num+“我是字符串”);
更喜欢用第三种,也称为隐式转换
4.3 转换为数字型(***)
方式 说明 案例
parseInt(string)函数 将string转成整数数值型 parseInt(‘78’)
parseFloat(string)函数 将string转成浮点数数值型 parseFloat(‘78.21’)
Number()强制转换函数 将string类型转换为数值型 Number(‘12’)
js隐式转换 利用算术运算隐式转换为数值型 ‘12’-0
parseInt和parseFloat单词大小写
4.4 转换为布尔型
方式 说明 案例
Boolean 其他类型转成布尔值 Boolean(‘true’);
代表空,否定的值会被转换为false,如’’,0,NaN,null,undefined
其余值都会被转换为true