js（Javascript），从入门到精通之必知系列第一课

        JavaScript（简称JS）是一种广泛使用的脚本编程语言，用于在网页上实现交互效果和动态内容。它是一种基于对象和事件驱动的语言，它可以为网页添加各种交互功能，例如表单验证、动画效果、页面元素操作等。

        总而言之，JavaScript是一种灵活、易用且功能强大的脚本语言，它在Web开发中起到至关重要的作用，为用户带来更好的交互体验和动态内容。

一、JS的输出方式

1.使用console对象的log()

方法：可以在控制台输出信息。

console.log("海在诉说离别");

2.使用document对象的write()

方法：可以将内容写入到HTML文档中。

document.write("海在诉说离别");

3.使用alert()

方法：可以弹出一个警告框，显示指定的内容。

alert("海在诉说离别");

4.使用innerHTML属性

标签.innerHTML='<h1>海在诉说离别</h1>

• 因innerHTML将标签解析，所以最后输出的内容为一个一级大标题“海在诉说离别”

5.使用innerText属性

标签.innerText='<h1>海在诉说离别</h1>'

• 因innerText不认识标签，不会解析标签，所以最后输出内容为 <h1>海在诉说离别</h1>

以上是常见的几种输出方式，具体的用法我们就需要根据当时的情况来采取某个方法。

二、js的基础语法

1.变量

        在js中的变量是用于存储数据的容器，而变量是动态类型的，这意味着变量可以存储不同类型的值，例如字符串、数字、布尔值等。

        例如：变量名=变量值

var a='hello'

2.js中的基本数据类型

• 数字（Number）：表示数值，包括整数和浮点数。
• 字符串（String）：表示文本。
• 布尔值（Boolean）：表示真或假。
• null：表示空值。
• undefined：表示未定义的值。
• 对象（Object）：表示复杂数据结构，可以包含多个属性。
• 函数（Function）：表示可执行的代码块。

3. 获取类型

        typeof操作符返回一个字符串，表示值的类型。

例：

var a=true（布尔类型）
console.log(typeof(a))  //boolean

4.数据类型转换

        在js中，有很多方法可以进行数据类型的转换。常见的数据类型转换方法如下：

(1)从字符串到数字：

var a = "10";
var b = parseInt(str);
console.log(a);            //10

（2）从数字到字符串：

var a = 10;
var b = a.toString();
console.log(a);                 //10

（3）布尔型转换为数值：

console.log(Number("123"));     //123
console.log(Number("ABC"));     //NaN
console.log(Number("12.34"));     //12.34
console.log(Number(undefined));     //NaN
console.log(Number(null));        //0

 （4）转换为布尔

• 数字：除了0和NaN，所有数字都会转换为true。
• 字符串：空字符串 "" 转换为 false，其他非空字符串都转换为 true。

console.log(Boolean(0)); // false
console.log(Boolean(1)); // true
console.log(Boolean(-1)); // true
console.log(Boolean("")); // false
console.log(Boolean("Hello")); // true
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false

5.解析小数和整数（parseInt，toFixed）

1.parseInt解析成整数

var  a= "12.34";
var  a= parseInt(str);
console.log(a);             //12

2.toFixed解析成小数

var a=12.345
var b=a.toFixed(2);
console.log(a)        //12.35（四舍五入）

6.输入框

   prompt是一个内置函数，用于创建一个简单的对话框，允许用户输入文本数据。它通常用于与用户进行交互。

var name = prompt('请输入您的姓名');
console.log('您的姓名是：' + name);

• 这里的+号是拼接字符

        上面的示例在网页中会弹出一个对话框，显示消息"请输入您的姓名："，当用户输入姓名并点击确认按钮时，该姓名将被存储在name变量中，并在控制台打印出来。

三、js中的运算符

        在js中，有许多不同类型的运算符，用于执行各种不同类型的操作。

1.算术运算符：用于执行基本的算术操作，例如加法（+）、减法（-）、乘法（*）、除法（/）和取余（%）等。

例：

var a = 5;
var b = 3;
console.log(a + b); // 8
console.log(a - b); // 2

2.赋值运算符：用于将值分配给变量，例如等号（=）

3.关系运算符：用于比较两个值之间的关系，例如相等（==）、不相等（!=）、大于（>）、小于（<）、大于等于（>=）和小于等于（<=）等。

var a = 5;
var b = 3;
console.log(a == b); // false
console.log(a != b); // true
console.log(a > b);  // true
console.log(a < b);  // false
console.log(a >= b); // true
console.log(a <= b); // false

4.逻辑运算符：用于执行逻辑操作，例如与（&&）、或（||）、非（！）等。

let a = 5;
let b = 3;
let c = 7;
console.log((a > b) && (b < c)); // true
console.log((a > b) || (b > c)); // true
console.log(!(a > b));            // false

• 与（&&）两边必须同时成立，才会成立
• 或（||）两边有一个为真，则都为真
• 非（！）对条件进行取反，原本为真时返回假，原本为假时返回真。