Javascript
js的基础概念
渲染引擎
用来解析html和css，俗称内核，比如chrome浏览器的blink，老版本的webkit
js引擎
也叫作js解释器，用来读取网页中的js代码，对其处理后运行，比如chrome浏览器的v8
js的组成
ECMAscript
是由ECMA国际（原欧洲计算机制造商协会）进行标准化的一门程序语言，一般被称为javascrip（网景公司）或jscript（微软公司）
DOM文档对象模型
是w3c组织推荐的处理可扩展标记语言的标准编程接口，通过DOM接口可控制页面上各种元素9的操作（大小、颜色、位置等）
BOM浏览器对象模型
他提供独立于内容的，可以与浏览器窗口进行交互的对象结构，通过BOM可以操作的窗口，比如弹出框、控制浏览器的跳转、获取分辨率等。
js的三种书写方式
行内式
特点
可以将单行或者少量的js代码写在html标签中，要写在事件属性中（以on开头的onclink）
单、双引号的使用：在HTML中推荐使用双引号，但在js中推荐使用单引号
缺点是可读性比较差，在HTML中书写大量的js代码时，不方便阅读
引号会容易出现多层嵌套的问题，易混淆
内嵌式
内嵌式是将多行代码写在script标签里
外部引入js文件
创建js文件
引入js文件：<script src="路径”></script>
特点：有利于html页面代码结构化，将大段js代码独立于html页面之外，方便代码复用。
引入外部文件的script标签里面不要写代码，适用于代码量较大的情况
js注释的使用
单行注释：ctrl+/，目的是为了提高代码的可读性，并不会影响代码的执行
多行注释：shift+alt+A，注释内容可以是多行内容
js的输入输出语句
alert（msg）：浏览器的弹出警示框
console.log(msg)浏览器的控制台打印输出信息
prompt(info)浏览器弹出输入框，用户可进行相关输入
js的变量
什么是变量
变量是一个装东西的盒子，本质是程序在内存中申请一块空间用来存储数据
变量的使用
变量的声明
var age；使用一个变量名称为age的的变量，var是js的关键字，用来声明变量
使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员手动去内存中开辟。
age是程序员定义的变量名，可通过变量名访问内存中分配的空间
变量的赋值
如;age = 10;就是给age变量赋值为10
用=将右边的内容赋值给左边的变量空间中
简单数据类型
Number：数字型，包含整型和浮点型
数字型数据类型中进制的转换
8进制转换为十进制：八进制为0-7，程序里数字前加0表示八进制，var num1 = 010;console.log(num1)
十六进制转换为十进制：十六进制0-9，a-封，数字前加0x，表示十六进制，var num2= 0xf；console.log(num2)
数字型的范围
最大值：console.log(Number MAX_VALUE)
最小值：console.log(Number MIN_VALUE)
无穷大：console.log(Infinity);
无穷小：console.log(-Infinity);
NaN:非数值，即not a number
判断一个值是否是数值：is NaN
返回false为不是非数值
返回true为非数值
String：字符串类型，比如“张三”就是字符串，字符串在js中一般都用单引号引起来
字符串可以是引号引起来的任意文本，语法为单引号或双引号引起来，js中建议使用单引号将内容引起来，避免和css或者HTML中的双引号混淆。没有引号会报错，单双引号不能混合搭配使用，只能成对出现，混合使用时只能外双内单或外单内双
字符串的转义符
\n文字换行
\\在字符串中显示\
\t进行tab缩进（4个空格的距离）
计算字符串的长度
通过.length可以获取整个字符串的长度，逗号等标点也算作字符串长度的一部分
字符串拼接
多个字符串之间使用+进行拼接，其拼接方式为：字符串+任何类型=拼接后的新字符串（拼接前会将与字符串相加的任何类型先转换为字符串，再拼接成一个新的字符串）
Boolean：布尔值类型
true,真，等同于1
false,假，等同于0
undefined：未定义，比如直接声明变量但不给变量赋值，此时变量的值就是undefined
如果参与相加或者相连时，要注意结果
console.log(unde);//结果为undefined;
console.log('你好' + unde);//结果为你好undefined；
console.log(100 + unde);//结果为非数字NaN
console.log(true + unde);//结果为非数字NaN
null，空，var a = null；声明变量为空
获取变量的数据类型
使用typeof:如：var num= 18；console.log = (typeof num);输出结果为number
数据类型的转换
使用表单prompt获取来的数据默认为字符串类型，就不能进行简单的假发运算，而是需要将获取的数据转化为另一种所需的数据类型进行运算
转换为字符串
用toString强制转换 var str = num.toString();
用string强制转换：console.log(String(num));
加号拼接字符串，任何类型和字符串拼接都是字符串 console.log(num + '');
转换为数字类型
转换为整形console.log(parseInt('3.14'));结果取整为3
转换为浮点型console.log(parseFloat('3.14'));结果为3.14
强制转换为数字型：number
console.log(Number('123'));
隐式转换，可以使用运算符处理
console.log('12' - 0);
转换为布尔型
以下五种类型结果为false，其他结果均为true
console.log(Boolean(''));
console.log(Boolean(0));
console.log(Boolean(NaN));
console.log(Boolean(null));
console.log(Boolean(undefined));
以下结果输出为true
console.log(Boolean('10'));
console.log(Boolean(12)); |
|
