JavaScript学习笔记 一
JS是一种运行在客户端的脚本语言
不需要编译,运行过程由JS解释器(JS引擎)逐行解释并执行
选择也可基于Node.js技术进行服务器端编程
浏览器分为两部分:渲染引擎和JS引擎
渲染引擎:俗称内核
JS引擎:也称JS解释器,用于读取网页中的JS代码,对其处理后运行
JS的组成
1.javascript语法(ECMAScript)
2.页面文档对象模型(Dom)
3.浏览器对象模型(Bom)
1.JS有三种书写位置:行内式,内嵌式,外部式
//JS中更多的使用单引号
- 行内式
<input type="button" value="唐伯虎" οnclick="alert('秋香姐')">
- 内嵌式
<script> alert('沙漠骆驼') </script>
- 外部式
创建一个JS文件,直接写代码,例: alert(‘沙漠骆驼’);<script src="my.js"> </script> //引入js文件
2.JS三个输入输出语句
<script> prompt('输入'); //这是一个输入框 alert('计算结果是');//弹出警示框 输出的 展示给用户的 console.log('我是程序员能看到的');//控制台输出 给程序员测试用的 </script>
prompt取过来的值是字符型的
3.变量
变量就是程序在内存中申请的一个空间
关于变量
var age;//声明一个名称为age的变量
age=10; //赋值,把值存入变量中
console.log(age); //输出结果
var age= 10; //声明变量并初始化
console.log(age); //输出结果
一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准
同时声明多个变量时,只需要写一个var,多个变量名之间用英文逗号隔开
只声明不定义,输出结果为undefined
不声明直接赋值使用,不会报错(但不推荐)
变量大小写是严格区分的,且变量名不能以数字开头,出来$和下划线符号,其他的符号都不允许,且不能有空格
4.数据类型
数据类型:
JS的变量数据类型是程序在运行过程中根据数据类型后面的值来确定的,且JS是动态语言,变量的数据类型是可以变化的
(1)简单数据类型
number:数字型,包括整数型和浮点型,默认为0
三个特殊值:
Infinity 无穷大
-Infinity 无穷小
NaN 非数值 isNaN(变量名):此方法用于判断是不是数字,是返回false,不是返回true
boolen:布尔值,默认为false
true在运算时当1来看,false在运算时当0来看
String:字符串类型,字符串都带引号(可以是单引号也可以是双引号,更推荐单引号)
Undefined:声明却没有给之时的值
Undefined与字符串拼接时结果是Undefined字符串
var varible = Undefined;
console.log(varible+'pink'); //Undefinedpink
Undefined与数字拼接结果为:NaN
- null:声明变量值为空
null与字符串拼接时结果是null字符串 -
var varible = null; console.log(varible+'pink'); //nulldpink
null与数字拼接结果为数字
(2)转义符 (外单内双)
转义符都是以 \ 开头的
\ n:换行符
\ \:斜杠 \
\ ':单引号
\ *:双引号
\ t :缩进
\ b:空格** 字符串长度及拼接**
length属性var myname = "youdian"; alert(myname.length);
字符串的拼接:+
只要有字符串和其他类型的拼接,输出结果都是字符串型
数值相加,字符相连console.log('沙漠' + '骆驼');//输出 沙漠骆驼 console.log('沙漠' + 20);//输出 沙漠20 console.log(20 + 20);//输出40 console.log('20' + 20);//输出2020
var age = 20; console.log('沙漠' + age +'骆驼');//输出 沙漠20骆驼
var myname = prompt("请输入您的名字"); var str = "您的名字是" + myname; alert(str);
5.typeof 返回数据类型
var num = 10; console.log(typeof num);//输出结果:number
6.数据类型的转换
(1)toString方法
变量.toStringvar num = 10; var str = num.toString();
(2)String()方法
String(变量)var num = 10; console.log(String(num));
(3)加号拼接字符串方法
var num = 10; console.log(num + '');
7.转换为数字型
(1)parse(string)函数:把string类型转换为整数数值型var age = prompt('请输入您的年龄'); console.log(parseInt(age)); console.log(parseInt('3.14')); //3 取整 console.log(parseInt('120px')); //120 去除单位
(2)parseFloat(string)函数:把string类型转换为浮点数值型
console.log(parseFloat('3.14')); //3.14 console.log(parseFloat('120px')); //120 去除单位
(3)Number强制转换函数:把string转换为数值型
var str = '123'; console.log(Number(str)); console.log(Number('12'));
(4)js隐式转换(- * /):利用算数运算隐式转换为数值型
console.log('12'-0); //12 console.log('123'-'120'); //3 console.log('123'*1); //123
7.转换为布尔型
Boolean()函数
代表空,否定的值会被转换为false,如“、 0 、NaN、null、undefined"
其余值都会被转换为true