龙空技术网

七爪源码:JavaScript 的基本原理

庄志炎 100

前言:

眼前姐妹们对“前端javascript的基本原理”大体比较注意,小伙伴们都需要知道一些“前端javascript的基本原理”的相关文章。那么小编也在网络上网罗了一些有关“前端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"); // Mangosconsole.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)         // Objectconsole.log(typeof 123)          // Numberconsole.log(typeof "Bennison")   // Stringconsole.log(typeof 1n)           // BigIntconsole.log(typeof undefined)    //  undefinedsym = symbol();console.log(typeof sym)          // Symbolconsole.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)    // valuelet variable = "value";  // value
上面的程序不会报错。这称为将变量重新分配给值。当我们重新分配变量时,该变量的旧内存地址被释放,然后新的内存被分配给该变量。

JavaScript 中的 const 关键字:

const variable = "value"console.log(variable);   //valuevariable = "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)  // valuevariable = "New Value" console.log(variable)  // New Valuevar 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);    // 2018console.log(Number("Bennison"));        // NaNconsole.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")   // 46console.log("23" / "2")   // 11.5
运算符 (*, /) 将字符串转换为数字。

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

标签: #前端javascript的基本原理