JavaScript: 在编码前你应该知道的内容

Gentleman
307 阅读3分钟

原文标题：JavaScript: All you need to know before coding

image.png

JavaScript是什么

JavaScript 是一门动态、即时编译、面对对象的编程语言。JavaScript 的语法实现参考 C 和 Java。Brendan Eich，一名 Netscape 工程师在 1995 年创建出 JavaScript。目前，JavaScript 是世界上最流行的编程语言。

JavaScript 主要用于开发基于 Web 的应用程序。 JavaScript 主要用于基于 Web 的应用程序和 Web 浏览器。超过 97% 的网站使用 JS 在客户端页面进行网页行为。它还用于为网站添加交互性、开发移动应用程序、创建基于浏览器的游戏。

JavaScript 基础

变量:

变量是信息的占位符。它保存数据值，可以随时更改。变量必须有唯一的名称。您可以在声明变量时或使用它之前使用等于 (=) 为变量赋值。JavaScript 中有 3 个关键字来声明变量。您可以像下面这样声明变量：

var name = “Jhon Lenon”

const age = 50

let profession = “musician”

var：它是一个函数范围或全局范围的变量，可选择一个变量将其初始化为一个值。

const：常量的值不能通过重新赋值来改变，也不能重新声明。

let：它是一个块范围的局部变量，可选择一个变量将其初始化为一个值。并且 let 声明的变量可以被重新赋值。

对象:

JavaScript 是一门面向对象的编程语言。对象是属性的集合。属性是名称和值之间的关联。对象属性写在大括号 {} 内。例如：

const person = { 
  Name: “Jhon Lenon”,
	Age: 50,
	Profession: “Musician” 
}

数据类型:

与其他语言相比，JavaScript 中的数据类型并不多。下面是 JavaScript 数据类型的具体内容：

译者注：

从数据的存储方式来看，JavaScript数据类型可分为两大类：基本数据类型（存储在栈上）和引用数据类型（存储在堆上）

根据最新的 ES 标准，JavaScript 目前有 7 种基本数据类型，分别为 Number,String,Undefined,Null,Object,Symbol,Bigint

而 JavaScript 的引用数据类型则有 Object、Function、Map、Set、Array ......

  1. 数字（Number）: JavaScript 数字可以不用引号写。您可以处理整数和浮点数。基本运算符处理数字。例如：
const number = 40;

const number = 40.20;
  1. 字符串（String）: 字符串是文本变量。字符串可以写在引号内。创建字符串有 3 种类型。他们是：
const person1 = “Jhon Lenon” ;

const person2 = ‘Steve Jobs’;

const person3 = `Bill Gates`;

  1. 布尔（Boolean）: 布尔是一种逻辑数据类型。布尔可以有两个值：true 或 false。它与条件语句一起使用。

  2. Null：值 null 表示有意不存在任何对象值。

  3. Undefined：undefined 仅表示尚未分配该值。

  4. 函数(Functions):

    函数是 JavaScript 的基本构建块之一。值可以传递给函数，而且 JavaScript 总是返回值

    const x=myFunction(4, 3);
function myFunction(a,b){
return a*b; 
}

  5. 条件(conditionals): JavaScript 支持用于根据不同条件执行不同操作的条件语句。条件是 if、else 和 else if。 JavaScript 条件是最有用的。

    const isPlaying = true;

if(isPlaying){
  “Playing”
}else{
  “Not Playing”
};

  6. 循环(Loops)：循环用于一次又一次地执行相同的代码块，只要满足某个条件就会一直循环下去。JavaScript 有五种类型的循环：

    · While

    · Do while

    · For

    · For … in

    · For… of

    const fruits = [“Apple”, “Banana”, “Mango”, “Orange”, “Papaya”];

for(var i=0; i<fruits.length; i++) {
	document.write("<p>" + fruits[i] + "</p>"); 
}

  7. 运算操作符(Operators)

    JavaScript 包括其他语言中的运算符。运算符对单个或多个操作数（数据值）执行某些操作并产生结果。

avatar
文章
阅读
粉丝