【JavaScript】简单学习（一）

JavaScript是什么

• JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言
• 脚本语言∶不需要编译，运行过程中由js解释器(js 引擎）逐行来进行解释并执行
• 现在也可以基于Node.js技术进行服务器端编程

HTML/CSS/JS的关系

HTML/CSS标记语言–描述类语言

• HTML决定网页结构和内容(决定看到什么)，相当于人的身体
• CSS决定网页呈现给用户的模样(决定好不好看)，相当于给人穿衣服、化妆

JS脚本语言–编程类语言

• 实现业务逻辑和页面控制(决定功能)，相当于人的各种动作

浏览器执行JS简介

浏览器分成两部分∶渲染引擎和JS引擎

• 渲染引擎∶用来解析HTML与CSS，俗称内核，比如chrome浏览器的 blink，老版本的webkit
• JS引擎∶也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如chrome

浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎(解释器)来执行S代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。

JS的组成

书写方式

JS有3种书写位置，分别为行内、内嵌和外部。

行内式

<button type="button" onclick="alert('欢迎!')">点我!</button>

• 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性）
• 可读性差，在html中编写JS大量代码时，不方便阅读;
• 引号易错，引号多层嵌套匹配时，非常容易弄混;特殊情况下使用

内嵌

<script>
	alert('Hello');
</script>

输入输出语句

<script>
	prompt('输入');
</script>

变量

变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

声明变量

//声明变量
var age; //声明一个名称为age的变量

• var是一个JS关键字，用来声明变量( variable变量的意思)。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管
• age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

特殊情况

使用变量

<script>
	var name = prompt('age');
	alert(name);
</script>

数据类型

JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

var age = 10;//这是一个数字型
var areYouOk ='是的";//这是一个字符串

在代码运行时，变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的，运行完毕之后变量就确定了数据类型

JS把数据类型分为两类∶

• 简单数据类型( Number , string,Boolean , Undefined,Null )
• 复杂数据类型( object)

简单数据类型

Number

// 1．八进制0 ~7我们程序里面数字前面加0表示八进制
var num1 = 010;
console.log(num1);//八进制转换为10进制就是8

// 2．16进制0 ~7我们程序里面数字前面加0x表示八进制
var num2 = 0x10;
console.log(num2);//16进制转换为10进制就是16

数值的最大和最小值

alert (Number.MAX_VALUE); //1.7976931348623157e+308
alert (Number.MIN_VALUE); //5e-324

数字型三个特殊值

alert ( Infinity); // Infinity
alert (-Infinity) ; //-Infinity
alert (NaN) ;// NaN

• lnfinity ，代表无穷大，大于任何数值
• -Infinity，代表无穷小，小于任何数值
• NaN ，Not a number，代表一个非数值

判断非数字

isNaN();

String

可以是单引号或者双引号
JS可以用单引号嵌套双引号，或者用双引号嵌套单引号**(外双内单，外单内双)**

• 多个字符串之间可以使用＋进行拼接，其拼接方式为字符串＋任何类型=拼接之后的新字符串
• 拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

alert('hello' + ' ' + 'world' ) ; //hello worldl 
alert('100' + '100'); // 100100
alert( '11' + 12);//1112