笔记基于 尚硅谷
目录
1.js简介
1.1什么是语言
1.2JS起源
1.3学习内容
1.4JS的特点
2.第一个js程序
2.1 alert
2.2 document.write
2.3 console.log
2.4 prompt
3.js编写位置
3.1行内式的js
3.2 内嵌js
3.3外部js文件
4.变量与命名
4.1 声明变量与赋值
4.2 标识符与命名
5.数据类型
5.1字符串string
5.2 数字型Number
5.3Boolean布尔值
5.4 Null
5.5 undefinde
补充 字符串的拼接
6 强制类型转换
6.1 转换为string型
6.2 转换为Number型
6.3 转换为Boolean型
计算机就是一个由人来控制的机器,人让它干嘛,它就得干嘛。
我们要学习的语言就是人和计算机交流的工具,人类通过语言来控制、操作计算机。
编程语言和我们说的中文、英文本质上没有区别,只是语法比较特殊。
语言的发展:
JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。
所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。
比如:用户名的长度,密码的长度,邮箱的格式等。
我们已经知道了一个完整的JavaScript实现包含了三个部分:ECMAScript、DOM和BOM。
由此我们也知道了我们所要学习的内容就是这三部分。
控制浏览器弹出一个警示框
alert("Hello World!");
让计算机在页面中输出一个内容
document.write("Hello World!");
让计算机向控制台输出一个内容
console.log("Hello World!");
浏览器弹出对话框,用户可以输入
prompt('helloworld');
jxust
可以将js代码编写到外部js文件中,然后通过src引入
script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略
如果需要则可以在创建一个新的script标签用于编写内部代码
:在js中使用var关键字来声明一个变量
在JS中所有的可以由我们自主命名的都可以称为是标识符
例如:变量名、函数名、属性名都属于标识符
命名一个标识符时需要遵守如下的规则:
标识符一般都采用驼峰命名法
首字母小写,每个单词的开头字母大写,其余字母小写
可以使用一个运算符typeof,来检查一个变量的类型。语法:typeof 变量
检查字符串时,会返回string
检查数值时,会返回number
在JS中,字符串需要使用引号引起来,使用单引号或双引号都可以,但不要混合使用
同一种引号不能嵌套,双引号不能放双引号,单引号不能放单引号
在字符串中我们可以使用\作为转义字符,当表示一些特殊符号时可以使用\进行转义
在JS中,所有的数值都是Number
类型,包括整数和浮点数(小数)
MAX_VALUE
JS中可以表示的数字的最大值 Number.MAX_VALUE=1.7976931348623157e+308
如果使用Number表示的数字超过了最大值,则会返回一个Infinity
MIN_VALUE
大于0的最小值 Number.MIN_VALUE=5e-324
Infinity
NaN
NaN是一个特殊的数字,表示Not A Number
使用typeof检查一个NaN也会返回number
布尔值只有两个,主要用来做逻辑判断
使用typeof检查一个布尔值时,会返回boolean
null这个值专门用来表示一个为空的对象
使用typeof检查一个null值时,会返回object
当声明一个变量,但是并不给变量赋值时,它的值就是undefined
使用typeof检查一个undefined值时,会返回undefined
多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串
拼接前会把与字符串相加的任何类型转换成字符串,在拼接成一个新的字符串
tostring()
该方法不会影响到原变量,它会将转换的结果返回
var a = 123;
var b = a1.toString();
console.log(typeof a); // 返回number
console.log(typeof b); // 返回string
但是注意:null和undefined这两个值没有toString(),如果调用他们的方法,会报错
String()强制转换
使用String()函数做强制类型转换时,对于Number和Boolean实际上就是调用的toString()方法
但是对于null和undefined,就不会调用toString()方法,而是改变原变量
null 转换为 ‘null’
undefined 转换为 'undefined'
隐式类型转换
利用拼接字符串的方式实现转换效果 隐式转换
console(1+' ');
Number()
字符串转为数字
NaN
0
布尔类型转换为数字
true 转为1
false 转为0
parseInt()
把一个字符串转换为一个整数:可以将一个字符串中的有效整数部分取出来,然后转换为Number
parseFloat()
把一个字符串转换为一个浮点数:可以将一个字符串中的有效小数部分取出来,然后转换为Number
如果对非String类型使用parseInt()或parseFloat(),它会先将其转换为String,然后再操作
隐式类型转换
利用了算数运算- * / 隐式转换
console('12'-0);
数字转为布尔
0和NaN是false
其余的都是true
字符串转为布尔
除了空串,其余的都是true
null和undefined都会转换为false
对象也会转换为true