七爪源码:JavaScript 的基本原理

什么是Javascript：

1：JavaScrip 是一种高级的、面向对象的多范式编程语言。

2：编程语言只是一种工具，它允许我们编写代码来指示计算机做某事。

3：JavaScript 是一种高级语言，这意味着我们不必考虑很多复杂的事情，例如在计算机运行时管理计算机的内存。

4：JavaScrip 是一种面向对象的编程语言。 JavaScript 主要是基于对象的概念来存储更多种类的数据。

5：JavaScrip 是一种灵活的语言，这意味着我们可以使用各种不同的编程风格，例如命令式和声明式编程风格。 这两种风格有不同类型的结构。

JavaScript 在 Web 开发中的作用是什么？

网络上有三大核心技术，分别是 HTML、CSS、JS(JavaScript)

2：所有这些技术协同工作，创建一个漂亮而动态的网站或网络应用程序

3：HTML负责页面的内容。 因此，您在网页上看到的文本、图像按钮和所有内容始终是用 HTML 编写的。

4：CSS负责内容的呈现。 用于样式和在网页上布置元素。

5：JavaScript 允许开发者为任何网页添加动态和交互效果。 我们还使用它来操作内容或 CSS 并从远程服务器加载数据。

6：JavaScript 允许我们在浏览器中为 Web 应用程序赋予动态效果。

语法规则示例：

HTML 代表名词（段落），所以段落在这里是名词。

ex: <p> paragraph</p> (Noun)

CSS 是一个形容词，因为它描述了名词。

p {color: red} (means the paragraph text is “red”) So this is an adjective to the noun. 

JAVASCRIPT 是一个动词。 就像我们可以隐藏段落一样，我们正在做一些事情。

javascript 做两件不同的事情：

1：JavScript 也可以在 Web 浏览器之外运行。 例如，可以在使用 Node js 的 Web 服务器上使用 JavaScript。

2：JavaScrip 也用于前端应用程序。

JavaScript 中的值和变量

1：一个值基本上就是一条数据

2：值是我们在 JavaScript 中拥有的最小信息单位。

3：可以将值存储在变量中。 这样，该值可以一次又一次地使用。

例如：

// "Mangos", is a value. if you want to see this on a console.
console.log("Mangos"); // Mangos
console.log(23); // and here 23 is a value. 
let firstName = "Bennison"; 
console.log(firstName); // Bennison

变量和值的真实示例：

1：变量就像一个盒子，盒子可以容纳一些物体，例如一本书。

2：我们可以给这个盒子贴上标签来描述里面有什么。然后我们可以稍后通过使用该标签来使用该对象。

变量命名规则：

1：规则的原因，我们不应该给变量一个随机的名字。

2：我们不能以数字开头的变量名。

3：变量名只能包含字母、数字和下划线。

4：我们不能使用保留的 JavaScript 关键字来命名变量。

注意：当你命名你的变量时，它应该很容易理解，并且仅仅通过读取变量的名称，变量所持有的值是什么。

日期类型：

1：每种编程语言的值都可以是不同的类型，具体取决于数据的类型。

2：javascript 对象或原始值中的每个值。

3：当值只是原始类型时，该值不是对象。

原始数据类型：

JavaScript 中有七种类型的 Primitive DataType。

1：数字：浮点数→用于小数和整数。

2：字符串：字符序列→用于文本。

3：布尔型：只能为真或假的逻辑类型→用于决策

4：未定义：值由尚未定义的变量获取。 （“空值”）

5：Null：也表示“空值”

6：符号（ES2015）：唯一且不能更改的值。

7：Big Int：比 Number 类型可以容纳的大数字。

注意：JavaScript 有一个称为动态类型的功能。 这意味着当我们创建一个新变量时，您不需要手动定义它包含的值的数据类型。 因为 JavaScript 在将值存储到变量时会自动确定值的类型。

类型运算符：

• Typeof 运算符用于检查值（数据）的类型。

console.log(typeof null)         // Object
console.log(typeof 123)          // Number
console.log(typeof "Bennison")   // String
console.log(typeof 1n)           // BigInt
console.log(typeof undefined)    //  undefined
sym = symbol();
console.log(typeof sym)          // Symbol
console.log(typeof [])           // Object

JavaScript 中的 let、const 和 var：

1：在 ES6 中引入了 let 和 const，所以这些关键字在 JavaScript 中是现代的。

2：var关键字是一种旧的声明变量的方式。

为什么选择关键字：

• 当您使用 var、let 和 const 等关键字定义变量时，内存空间将分配给该变量。

Javascript 中的 let 关键字：

1：我们使用let关键字来声明变量，这个变量以后可以更改。

let variable = "value";
console.log(variable)    // value
let variable = "value";  // value

• 上面的程序不会报错。
• 这称为将变量重新分配给值。
• 当我们重新分配变量时，该变量的旧内存地址被释放，然后新的内存被分配给该变量。

JavaScript 中的 const 关键字：

const variable = "value"
console.log(variable);   //value
variable = "new value";   // This  line will give an error "Uncaught TypeError: Assignment to constant variable"

• 我们使用 const 关键字声明一个变量，该变量不能更改。 因此 const 变量中的值无法更改。
• 我们不能声明没有值的 const 关键字。 如果我们这样做，它会给出一个错误。 因为我们需要一个初始值。

JavaScript 中的 Var 关键字：

• var 基本上是定义变量的旧方法。 它以漂亮的方式像 let 关键字一样工作。
• let 是块作用域，而 var 是函数作用域。

注意：我们可以声明一个不带关键字的变量。 它可能适用于 JavaScript。

var variable = "value"
console.log(variable)  // value
variable = "New Value" 
console.log(variable)  // New Value
var variable = "string"
console.log(variable)  // string

上述程序将运行良好。 但这不是一个变量。 因为 JavaScript 不会在当前范围内创建变量。 相反，JavaScript 将在全局对象上创建一个属性。

JavaScript 类型转换和类型强制：

类型转换 → 这意味着我们手动将类型从一种类型转换为另一种类型。

console.log(Number("123") + 2)  // 125

• 在上面的示例中，我们使用了 Number 构造函数，它将字符串转换为数字。
• 如果字符串不是数字字符串，则构造函数 Number 函数返回 NaN
• 类型强制 → 这意味着 JavaScript 会在后台自动为我们转换类型。

const inputYear = "2000"; 
console.log(inputYear + 18);            // "200018"
console.log(Number(inputYear) + 18);    // 2018

console.log(Number("Bennison"));        // NaN
console.log(typeof NaN)                 // "Number"

• 这里第二行有一个表达式，一个操作数是一个字符串，另一个操作数是一个数字。 并且操作符是加号，在这种情况下，加号会触发类型转换，将数字（18）转换为字符串。
• 如果在上面的例子中，运算符是减号（-），这里的减号触发类型转换，将字符串转换为数字。
• JavaScript 只能转换为三种类型。 （到一个数字，到一个字符串，到一个布尔值）。

类型强制：

• 每当操作处理具有不同类型的两个值时。 所以在这种情况下，在幕后，JavaScript 转换其中一个值以匹配另一个值。

console.log("I am " + 21 + "years old");

• 在上面的控制台中，有一个字符串和一个数字，还有一个字符串。
• 上面的 console.log 有一个具有不同类型数据类型的表达式。
• 在上面的 console.log 中，JavaScript 自动将数字 21 转换为字符串“21”。 之后，表达式将被执行。
• 加号运算符触发将数字类型转换为字符串。 这意味着加号运算符会自动将数字转换为字符串。
• 这称为类型强制。 许多其他语言不这样做。

console.log("23" + "10" -"3")   // 10

• 在此期间，JavaScript 将字符串转换为数字。

• 在这种情况下，减号运算符会触发相反的转换（将字符串转换为数字）。

console.log("23" * "2")   // 46
console.log("23" / "2")   // 11.5

• 运算符 (*, /) 将字符串转换为数字。

最后！我希望你已经了解了 JavaScript、类型强制和类型转换的基础知识。