JavaScript基础知识(一)
输出
alert:在游览器弹出一个警告框
document.write:在浏览器的页面中弹出一个框
console.log:向控制台输出一个内容
js编写位置
1.,script:可以将js代码编写到外部的js文件中,通过script标签引入,注意script标签一但引入外部文件就不能在编写代码了
例如:<script type="text/javascript" src="js/script.js"></script>
2.可以直接写在script标签中
例如:<script type="text/javascript"> alert("我是script标签中的代码!!"); </script>
3.可以写在标签的属性当中,但是他们属于结构与行为耦合,不方便维护,不推荐使用
例如:<button onclick="alert('js的位置~~');">点我一下</button> <a href="javascript:alert('让你点你就点!!');">你也点我一下</a> <a href="javascript:;">你也点我一下</a>
注意两个(;;)点击不执行
js基本语法
注释:单行注释://
多行注释:/**/
书写规则:
1.js中严格区分大小写:
2.js中每一条语句以(;)结尾
3.JS中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化
字面量和变量
字面量(常量):都是一些不可更改的数字
变量:变量的只可以改变
js中使用var关键字来声明一个变量
例如:var b = 789;
var c = 0;
var age = 80;
console.log(age);
标识符:
命名规则:
1.标识符可以含有字母.数字._.$
2.不能以数字开头
3.标识符不能是ES中的关键字或保留字
4.一般使用驼峰命名法:首写字母小写,每个单词的开头字母大写,其余字母小写
JS底层保存标识符时实际上是采用的Unicode编码,所以理论上讲,所有的utf-8中含有的内容都可以作为标识符
数据类型:
js中的数据类型:
String 字符串:
1.在JS中字符串需要使用引号引起来
2.使用双引号或单引号都可以,但是不要混着用
3.引号不能嵌套,双引号不能放双引号,单引号不能放单引号
字符串中的转义字符类型:
" 表示 "
' 表示 '
\n 表示换行
\t 制表符
\ 表示
例子:
//输出字面量 字符串str
// alert("str");
//输出变量str
// alert(str);
Number 数值:包括整数和浮点数
js还可以表示最大值和最小值
最大值:Number.MAX_VALUE
最小值:Number.MIN_VALUE
如果使用number表示的数字超过了最大值,则会返回的是:
Infinity 表示正无穷
-Infinity 表示负无穷
使用typeof检查Infinity也会返回number
NaN 是一个特殊的数字,表示Not A Number
使用typeof检查一个NaN也会返回number
查看变量的类型使用typefo
检查字符串时,会返回string
检查数值时,会返回number
检查Boolean时,返回boolean
检查null值时,会返回object>
Boolean 布尔值
布尔值只有两个,主要是用来做逻辑判断的
true:真
false:假
Null 空值:控制的类型只有一个,就是null
null这个值专门用来表示一个为空的对象
Undefined (未定义)
当声明一个变量,但是并不给变量赋值时,它的值就是undefined
Object 对象
其中String Number Boolean Null Undefined属于基本数据类型,而Object属于引用数据类型
强制类型转换
强制类型转换:
指将一个数据类型强制转换为其他的数据类型
类型转换主要指,将其他的数据类型,转换为String Number Boolean
将其他的数据类型转换为String
方式一:
- 调用被转换数据类型的toString()方法
- 该方法不会影响到原变量,它会将转换的结果返回,所以需要一个变量接收转换之后的值
- 但是注意:null和undefined这两个值没有toString()方法,如果调用他们的方法,会报错
方式二:
- 调用String()函数,并将被转换的数据作为参数传递给函数
- 使用String()函数做强制类型转换时,
对于Number和Boolean实际上就是调用的toString()方法
但是对于null和undefined,就不会调用toString()方法
它会将 null 直接转换为 "null"
将 undefined 直接转换为 "undefined"
代码
var a = 123;
//调用a的toString()方法
//调用xxx的yyy()方法,就是xxx.yyy()
a = a.toString();
a = true;
a = a.toString();
a = null;
//a = a.toString(); //报错
a = undefined;
//a = a.toString(); //报错
a = 123;
//调用String()函数,来将a转换为字符串
a = String(a);
a = null;
a = String(a);
a = undefined;
a = String(a);
console.log(typeof a);
console.log(a);
讲其他的数据转换成number
转换方式一:
使用Number()函数
- 字符串 --> 数字
1.如果是纯数字的字符串,则直接将其转换为数字
2.如果字符串中有非数字的内容,则转换为NaN
3.如果字符串是一个空串或者是一个全是空格的字符串,则转换为0
- 布尔 --> 数字
true 转成 1
false 转成 0
- null --> 数字 0
- undefined --> 数字 NaN
转换方式二:
- 这种方式专门用来对付字符串,从第一个开始取值,当不是数字的时候停止取值
parseInt() 把一个字符串转换为一个整数
- parseFloat() 把一个字符串转换为一个浮点数,取第一个小数点
代码例子
//调用Number()函数来将a转换为Number类型
a = Number(a);
a = "789abc";
a = Number(a);
a = "";
a = Number(a);
a = " ";
a = Number(a);
a = true;
a = Number(a);
a = false;
a = Number(a);
a = null;
a = Number(a);
a = undefined;
a = Number(a);
a = "123.567a456px";
//调用parseInt()函数将a转换为Number
//parseInt()可以将一个字符串中的有效的整数内容去出来,然后转换为Number
a = parseInt(a);
// parseFloat()作用和parseInt()类似,不同的是它可以获得有效的小数
a = "123.456.789px";
a = parseFloat(a);
//如果对非String使用parseInt()或parseFloat(),它会先将其转换为String然后在操作
a = true;
a = parseInt(a);
a = 198.23;
a = parseInt(a);
console.log(typeof a);
console.log(a);
其他进制的数字
在js中,如果需要表示16进制的数字,则需要以0x开头
如果需要表示8进制的数字,则需要以0开头
如果要要表示2进制的数字,则需要以0b开头,但是不是所有的浏览器都支持,尽量避免
代码
//十六进制
a = 0x10;
a = 0xff;
a = 0xCafe;
//八进制数字
a = 070;
//二进制数字
//a = 0b10;
//像"070"这种字符串,有些浏览器会当成8进制解析,有些会当成10进制解析
a = "070";
// a = parseInt(a);
//可以在parseInt()中传递一个第二个参数,来指定数字的进制
a = parseInt(a,10);
console.log(typeof a);
console.log(a);