JS基础——历史&浏览器执行JS简介&JS的组成&JS输入输出语句&定义变量&数据类型& 运算符的优先级

本文链接：https://blog.csdn.net/qq_41935315/article/details/105624465

历史&浏览器执行JS简介&JS的组成&JS输入输出语句&定义变量&数据类型& 运算符的优先级

一.历史：布兰登·艾克仅用十天就发明了JavaScript
二.浏览器执行JS简介：
三.JS的组成
四.JS输入输出语句
五.定义变量
六.数据类型：程序运行时，根据等号右边来确定数据类型，JS时动态语言，数据类型时可变的。
七. 运算符的优先级

一.历史：布兰登·艾克仅用十天就发明了JavaScript

JavaScript定义：运行在客户端的编程脚本语言，最初是为了实现网页验证的。

HTML：决定网页结构和内容，相当于人的身体

CSS：决定网页所呈现给用户的样子，相当于人穿什么衣服

JavaScript: 实现业务逻辑和网页控制（决定功能）相当于人的各种动作

二.浏览器执行JS简介：

浏览器分为两部分：渲染引擎和JS引擎

渲染引擎：用的解释HTML和CSS,也就是我们所说的内核。比如chrome浏览器的blink。

JS引擎：用来读取网页中JavaScript的代码，对其处理好运行，比如Chrome浏览器的V8。

浏览器本身并不会执行JS代码，是由其内置的JavaScrip引擎进行解释。JS执行代码是逐行进行解释成为机器语言，后由计算机去执行。

三.JS的组成

JS的组成：ECMAScript(JavaScript语法） DOM(页面文档对象模型）BOM(浏览器对象模型）

JS初体验：JS书写位置行内，内嵌，外部

               行内：

<body> <input type="button" value="李梦" οnclick="alert('路遥')" > </body>

四.JS输入输出语句

1.浏览器弹出警示框：alert()

2.浏览器弹出输入框： prompt()

3.浏览器控制台打印输出：console.log()   log

在这里插入图片描述

五.定义变量

在这里插入图片描述

六.数据类型：程序运行时，根据等号右边来确定数据类型，JS时动态语言，数据类型时可变的。

1，简单数据类型

在这里插入图片描述

Number：数值型

   八进制：0开头，十六进制：OX。

   isNaN()用来判断是否是数字，是返回false,不是数字返回true;

String：字符串型

字符串嵌套：外双内单，外单内双；

字符传播转义字符：
在这里插入图片描述
字符串的长度str.length;

字符串的拼接：数值相加，字符相连
在这里插入图片描述

2: 检测数据类型: typeof

在这里插入图片描述

3,数据类型转换：

1.转换为字符串

在这里插入图片描述

2：转换为数字：prompt()接收的都是字符串型

在这里插入图片描述

3.转换为布尔型：

 Boolean()函数；
 空，NaN，0为假
 短路运算（逻辑中断）：

在这里插入图片描述

七. 运算符的优先级

在这里插入图片描述

JS基础——历史&浏览器执行JS简介&JS的组成&JS输入输出语句&定义变量&数据类型& 运算符的优先级

历史&浏览器执行JS简介&JS的组成&JS输入输出语句&定义变量&数据类型& 运算符的优先级

一.历史：布兰登·艾克仅用十天就发明了JavaScript

二.浏览器执行JS简介：

三.JS的组成

四.JS输入输出语句

五.定义变量

六.数据类型： 程序运行时，根据等号右边来确定数据类型，JS时动态语言，数据类型时可变的。

1，简单数据类型

Number：数值型

String：字符串型

2: 检测数据类型: typeof

3,数据类型转换：

1.转换为字符串

2：转换为数字：prompt()接收的都是字符串型

3.转换为布尔型：

七. 运算符的优先级

六.数据类型：程序运行时，根据等号右边来确定数据类型，JS时动态语言，数据类型时可变的。