前端入门视频笔记 JavaScript（一） P1-40

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