JavaScript
01~10 概述
计算机通过翻译器将编译语言转换为机器语言(二进制),翻译方式有编译和解释两种,区别在于翻译的时间点不同;
编译器是体提前进行编译,生成中间代码文件,然后再执行;
解释器是一边解释,一边执行。
JavaScript是一种运行在客户端的脚本语言,不需要编译,运行中由js解释器(js引擎)逐行进行解释和执行;
实现业务逻辑和页面控制,决定其功能。
浏览器分为 渲染引擎和JS引擎:
渲染引擎——俗称内核,用来解析HTML和CSS;
JS引擎——JS解释器,用了读取网页中的JS代码,逐行解释后运行。
JS分为三部分 ECMAScript、DOM文档对象模型、BOM浏览器对象模型;
书写方式:行内式(写在元素内部)、嵌入式(head头部中script标签)、外部js文件(<script src=".."></script>)。
快捷键:
//单行注释 ctrl + /
/*多行
注释*/ shift + alt + a
JS常用的输入输出语句:
alert(msg) ——弹出警示框
prompt(info) ——弹出输入框
console.log(msg)——控制台打印输出信息
11~19 变量
变量是存放数据的容器,本质是程序在内存中申请的一块用来存放数据的空间。
变量的使用:
声明变量(var 变量名;),然后赋值。
(二合一 变量初始化 var age=18;)
只声明不赋值——undefined
只赋值不声明——可以使用但不推荐
命名规范:
由子母、数字、下划线、美元符号$组成;
严格区分大小写,驼峰写法;
不能以数字开头,不能是关键字和保留字。
20~37 数据类型
JS是一种弱类型/动态语言,不用提前声明变量类型,在程序执行中类型根据赋值自动确定;
并且变量的类型也会随着赋值的类型的改变而动态变换。
分为两类:
简单数据类型(Number,String,Boolean,Undefined,Null)
复杂数据类型(object)
简单数据类型 | 说明 | 默认值 |
Number | 数字型,包含整型和浮点型 | 0 |
String | 字符串 | '' (空字符串) |
Boolean | 布尔值,true/false等价于1/0 | false |
Undefined | 声明了但没有赋值的变量 | undefined |
Null | 空值 | null |
属性(自带函数)的写法
检测字符串长度: 变量名.length
检测变量的类型: typeof 变量名
数据类型转换:
转换成字符串 —— 变量.toString(); String(变量); 变量+“一个空字符串” (隐式转换);
转换成数字型 —— parseInt(变量):取整数,有单位如px时,会去掉单位; parseFloat(变量):转换成浮点型;
Number(变量); 变量 - 0(减号、乘号或除号,隐式转换)
转换成布尔型 —— Boolean(变量):代表空、否定的值会被转换为false,如''、0、null、undefined、NaN,其余都为true。
此时基本数据类型调用了属性和方法,原本只能对象调用的,是因为浏览器会临时使用包装类将基础数据转换为对象,然后再调用对象的属性和方法(底层)。
9.21/22